Project

General

Profile

Download (53.8 KB) Statistics
| Branch: | Revision:
1
.dj_ie6 .dijitTooltipConnector,
2
*html #header-logo img,
3
html {
4
    height: 100%;
5
}
6
body {
7
    color: #333;
8
    font: 300 1.4rem/1.3 "petala-pro",helvetica !important;
9
    height: 100%;
10
    margin: 0;
11
    padding: 0;
12
    text-rendering: optimizelegibility;
13
    width: 100%;
14
    background-color:#fbfbfb!important;
15
}
16
body.inframe {
17
    background-color: white !important;
18
}
19
ol li, ul li {
20
    line-height: unset;
21
}
22
.inframe .modal-body {
23
    padding:0!important;
24
}
25
.inframe .navbar-brand {
26
    display:none;
27
}
28
.inframe #activityPanel {
29
    border-top: 0 none; box-shadow: none;
30
}
31
.inframe #activityHeading1 {
32
    display:none;
33
}
34
.manage_system, .terminal{
35
    display:none;
36
}
37
.info-engine {
38
    display:none;
39
}
40
.attribution {
41
    margin: 0 5px 5px 5px;
42
}
43
.inframe #manage_system_button,
44
.inframe #terminal_button,
45
.inframe #new_app_button,
46
.inframe #manage_in_tab,
47
.inframe #terminal_in_tab
48
{
49
/*    visibility:hidden; */
50
}
51
.manage_in_tab {
52
    margin-right: 20px;
53
    vertical-align: middle;
54
    text-decoration: none;
55
}
56
#manageSystemIframe {
57
    padding: 0 10px;
58
}
59
.tk-source-code-pro{font-family:"source-code-pro",sans-serif;}.tk-petala-pro{font-family:"petala-pro",sans-serif;}
60

    
61
/*html, body { width: 100%;height:0;margin: 0; padding:0;}
62

    
63
html {
64
overflow: -moz-scrollbars-vertical; 
65
overflow-y: scroll;	
66
}
67
*/
68
h3 {margin-top: 4px;}
69
h2,h3,h4 {
70
	color:#474747!important;
71
}
72
iframe{border:none;width:100%;height:100%;}
73
.well {
74
    background-color: #ffffff!important;
75
    margin-bottom:10px!important;
76
}
77

    
78
#widget_servers_search_query .dijitInputField {
79
 padding:5px !important;
80
}
81

    
82
body.tundra  {
83
/*	font-family: helvetica, arial, sans-serif;
84
	font-size:12px;
85
	background-color:#fbfbfb;
86
	color: #474747;	 */
87
/*	background:transparent;
88
	background-repeat:repeat;
89
	background-image:url(/stabile/static/gfx/bg-pattern-01.png); */
90
}
91
/*
92
@-moz-document url-prefix() {
93
    #homeContent {
94
        width:519px!important;
95
        border-right:1px solid #e3e3e3!important;
96
    }
97
}
98
*/
99
.navbar-brand {
100
    height: 32px;
101
}
102
.navbar-right {
103
    float: right !important;
104
}
105
#dialogDiv {
106
    overflow:auto;
107
    padding: 10px 10px 10px 20px;
108
    max-height:400px;
109
    min-width:500px;
110
    width:600px;
111
}
112
@media screen and (max-width: 840px) {
113
    #homeContent, #homeContent_splitter, #serverstab, #imagestab, #networkstab, #userstab, #nodestab, #hometab_a, .teaser {
114
        display:none;
115
    }
116
    .navbar-brand {
117
        height: auto;
118
    }
119
    .dijitDialog {
120
        left: 3px;
121
        top: 50px!important;
122
        width: 94%;
123
    }
124
    #dialogDiv {
125
        min-width:200px;
126
        width:auto;
127
    }
128
    .float {
129
        padding: 4px!important;
130
    }
131
    #steamtabs {
132
        border-bottom: none;
133
    }
134
}
135

    
136
.carousel-control:hover,
137
.carousel-control:focus,
138
.carousel-control {
139
    color: rgba(0, 0, 0, 0.54);
140
}
141
.carousel-indicators .active {
142
    background-color: rgba(0, 0, 0, 0.54);
143
}
144
.carousel-indicators {
145
    bottom: 0;
146
}
147
carousel-control {
148
    width: 50%;
149
}
150
.carousel-indicators li {
151
    border: 1px solid rgba(0, 0, 0, 0.54);
152
}
153
#app-carousel {
154
    height:400px;
155
}
156
.carousel-app p {
157
    font-size: 1.1em!important;
158
    padding: 0!important;
159
}
160
.carousel-app {
161
    text-align: center!important;
162
    margin-bottom:0!important;
163
    font-size:18px!important;
164
    padding:0!important;
165
}
166
.carousel-control.left, .carousel-control.right {
167
    background: none;
168
}
169

    
170

    
171
pre {
172
 white-space: pre-wrap;       /* css-3 */
173
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
174
 white-space: -pre-wrap;      /* Opera 4-6 */
175
 white-space: -o-pre-wrap;    /* Opera 7 */
176
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
177
}
178

    
179
span.irigo-tooltip-base {
180
    border:none !important;
181
}
182

    
183
body.docs {
184
	background-color:#fbfbfb;
185
}
186

    
187
.grid-tab {
188
    min-height: 500px;
189
}
190

    
191
.grid-div {
192
    min-height: 415px!important;
193
    height: 71vh!important;
194
}
195

    
196
.red{
197
    color: red !important;
198
}
199
.green{
200
    color: green !important;
201
}
202
.orange{
203
    color: orange !important;
204
}
205
.blue{
206
    color: blue !important;
207
}
208
.grey{
209
    color: grey !important;
210
}
211
.uptime_alert {
212
    padding:10px !important;
213
    margin-bottom:10px !important;
214
}
215
.uptime_line {
216
    color: #E8E8E8;
217
    margin: 10px 0 8px 0;
218
}
219
.uptime_header {
220
    font-weight: 400;
221
    margin: 10px 0 2px 0;
222
}
223
.nav-tabs > li > a {
224
    font-size: 16px;
225
}
226
.nav-pills {
227
    border-bottom: 1px solid #ddd
228
}
229
.nav-pills > li > a {
230
    border-radius: 0!important;
231
    padding: 5px 10px 5px 10px !important;
232
}
233
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
234
    /* background-color: #5bc0de!important;
235
    background-color: #95a5a6!important; */
236
    background-color: #3498db!important;
237
}
238
b, strong, label {
239
    font-weight: 500!important;
240
}
241
.tundra .dijitSplitterH, .tundra .dijitGutterH {
242
    background: none repeat scroll 0 0 #f9f9f9;
243
    border-top: 1px solid #ddd;
244
}
245
.tundra .dijitSplitterV, .tundra .dijitGutterV {
246
  background: #F5F5F5;
247
  border-right: 1px solid #ddd;
248
}
249
a:focus, a:hover {
250
    color: #ff4400;
251
    text-decoration: underline;
252
    cursor: pointer;
253
}
254
a, a:link, a:visited {
255
    color: #ff4400;
256
}
257
a:active {
258
	  color: #FF0000;
259
}
260

    
261
img{
262
    border:none;
263
}
264
.btn-info {
265
    background-color: #3498db!important;
266
    border-color: #3498db!important;
267
}
268
.btn-success {
269
    background-color: #73c74a!important;
270
    border-color: #73c74a!important;
271
}
272
.dojoxLegendNode {border: 1px solid #ccc; margin: 5px 10px 5px 10px; padding: 3px}
273
.dojoxLegendText {vertical-align: text-top; padding-right: 10px}
274

    
275
/*LAYOUTCONTAINER*/
276
.tundra .dijitLayoutContainer {
277
	overflow:visible;
278
}
279

    
280
.dj_ie6 .tundra .dijitLayoutContainer {
281
	overflow:auto;
282
}
283

    
284
/*RULECONTAINER*/
285
.dijitRuleContainer {
286
	  z-index: 1 !important;
287
}
288

    
289
/*HEADER*/
290
#auth-header,
291
#header-container {
292
	width:100%;
293
	margin:10px 0 10px 0;
294
    font-size:20px;
295
    font-weight:300;
296
}
297
#auth-form input {
298
    margin:4px;
299
}
300
#auth-form .btn {
301
    margin-right:-4px;
302
}
303
.navbar-right {
304
    font-size:13px!important;
305
}
306
#header {
307
	height:50px;
308
	margin:0 auto;
309
	text-align:right;
310
	/*width:850px;*/
311
	/*width:960px;*/
312
	/*margin-bottom:-30px;*/
313
}
314

    
315
#header-user  {
316
	padding:8px;
317
	color:#fff;
318
	/*float:left;*/
319
	float:right;
320
}
321

    
322
.form-control:focus {
323
    border-color: #00a800 !important;
324
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(34, 171, 35, 0.60) !important; */
325
    box-shadow: none!important;
326
}
327
/*TEST*/
328
/*USERFUNCTIONS UND */
329
/*DROPDOWN SERVICES*/
330
/*UND SO WAS UND ANDERES*/
331
#top-function-container {
332
	background-color: #395058; /* fallback color if gradients are not supported */ 
333
	background-image: -webkit-linear-gradient(top, #556970, #395058); 
334
	background-image:    -moz-linear-gradient(top, #556970, #395058); 
335
	background-image:     -ms-linear-gradient(top, #556970, #395058);
336
	background-image:      -o-linear-gradient(top, #556970, #395058); 
337
	background-image:         linear-gradient(top, #205365, #152125); 
338
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#556970', endColorstr='#395058'); 	
339
	height:18px;
340

    
341
}
342

    
343
#top-functions-container {
344
}
345

    
346
#top-functions {
347
	margin:0 auto;
348
	text-align:right;
349
	float:right;
350
    color: #FFFFFF;
351
    font-weight:100;
352
}
353

    
354
#top-services {
355
    height:18px;
356
	float:left;
357
    color: #FFFFFF;
358
    font-weight:100;
359
}
360
#top-functions ul,
361
#top-services ul {
362
    list-style-type: none;
363
    padding: 0;
364
    margin: 0;
365
    height: 14px;
366
    line-height: 16px;
367
}
368
#top-functions li,
369
#top-services li {
370
    /* padding: 3px; */
371
	display:inline;
372
    line-height: 16px !important;
373
    margin-right: 1px;
374
	/*white-space:nowrap;*/
375
}
376
#top-services .active
377
/*, #top-services .dijitButtonContents */
378
{
379
    background: none repeat scroll 0 0 #FFA500 !important;
380
}
381
#top-functions a,
382
#top-services a {
383
	color:#FFF;
384
	text-decoration:none;
385
	font-size:13px;
386
	padding:3px 6px;
387
	font-weight:100;
388
	text-transform:lowercase;
389
	/*white-space:nowrap;*/
390
}
391
#top-services .inactive a:hover {
392
	background:#222;
393
	color:#efefef;
394
}
395
#top-functions a:hover {
396
	background:#222;
397
	color:#efefef;
398
}
399
#top-services .active a:hover {
400
    background:auto;
401
    color:#efefef;
402
}
403

    
404
#top-functions span, #top-services span {
405
/*	padding-left:0px; */
406
}
407

    
408

    
409
/*#top-functions a {
410
	color:#FFF!important;	
411
	text-decoration:none;
412
}
413
#top-functions a:hover {
414

    
415
}*/
416

    
417
#userFunctions {
418
	width:220px;
419
	float:right;
420
}
421

    
422
#helplink{
423
	width:520px;
424
	height:30px;
425
	position:relative;
426
	float:left;
427
	top:40px;
428
	padding:6px 0;
429
	margin-right:0;
430
	text-align:right;
431
}
432

    
433
#username {
434
	padding-left:2px!important;
435
}
436

    
437
#dropdownServices {
438
	width:30px;
439
	float:right;
440
	background:#38A7D1;
441
	margin:0 0 0 0;
442
	position:relative;
443
	top:10px;
444
	/*height:30px;*/
445
	height:0;
446

    
447

    
448
}
449
#dijit_Menu_1 * .dijitMenuArrowCell,
450
#dijit_form_ComboButton_0_dropdown *  .dijitMenuArrowCell,
451
#dijit_form_ComboButton_0_dropdown *  .dijitMenuItemIcon,
452
#dijit_Menu_1 * .dijitMenuItemIcon {
453
	display:none;
454
	visibility:hidden;
455
}
456
#dijit_Menu_1 * .dijitMenuItemLabel,
457
#dijit_form_ComboButton_0_dropdown *.dijitMenuItemLabel {
458
	/*display:block;
459
	word-wrap:break-word;*/
460
	max-width:220px;
461
	height:30px;
462
	line-height:2.3em;
463
	padding:0px 12px;
464
}
465

    
466

    
467
#dropdownServices .dijitStretch {
468
	display:none;
469
	visibility:hidden;
470
}
471

    
472

    
473
#dropdownServices  div.dijitArrowButtonInner {
474
	background-image:url(../gfx/cogwheel.png);
475
	background-position:6px 7px !important;
476
	background-repeat:no-repeat;
477
	width:30px;
478
	padding:0;
479
	height:30px;
480
	/*padding-bottom:10px;	*/
481
	margin:0 0;
482
}
483
/*HOVER ON SERVICES ICON*/
484
.tundra #dropdownServices .dijitComboButton .dijitDownArrowButton,
485
.tundra #dropdownServices .dijitComboButton .dijitDownArrowButtonHover {
486
	padding:0px;
487
	padding-rigth:0;
488
}
489

    
490
#dijit_form_ComboButton_0_dropdown #dijit_Menu_0 {
491
	/*position:relative;*/
492
	left:-190px;
493
	width:220px!important;
494
	max-width:220px!important;
495
	position:absolute;
496
}
497

    
498
#dijit_form_ComboButton_0_dropdown .tundra .dijitMenuExpand {
499
	background-image: none;
500
    height: 0;
501
    width: 0;
502
}
503

    
504
#dijit_Menu_0 td {
505
	width:0;
506
}
507

    
508
#dropdownUserFunctions {
509
	/*width:100%;*/
510
	/*width:189px; 220 unitll sso functions implemented*/
511
	/*width:220px; oh, we area moving the help link out of the dropdown, so...*/
512
	position:relative;
513
	top:40px;
514
	border:0px none;
515
	/*border-right:1px solid #9FD8EB; HIDE UNTILL SSO FUNCTIONS ARE IMPLEMENTED*/
516
}
517

    
518
#dropdownServices .dijitComboButton,
519
#dropdownUserFunctions .dijitDropDownButton  {
520
	/*width:100%;too wide for having the help next to it?*/
521
	width:100%;
522
	background:#38A7D1;
523
	margin:0 0 0 0;
524
}
525

    
526
#dropdownServices td.dijitButtonNode,
527
#dropdownUserFunctions span.dijitButtonNode {
528
	color:#efefef;
529
	padding:0 0 0 0;
530
	margin:0 0 0 0;
531
	width:100%;
532
	text-align:left;
533
	border:0px none;
534
}
535

    
536

    
537

    
538
.tundra #dropdownServices  .dijitButtonHover .dijitButtonNode,
539
.tundra #dropdownServices  .dijitButtonNodeHover,
540
.tundra #dropdownServices .dijitToggleButtonHover .dijitButtonNode,
541
.tundra #dropdownServices  .dijitDropDownButtonHover .dijitButtonNode,
542
.tundra #dropdownServices .dijitComboButton .dijitButtonContentsHover,
543
.tundra #dropdownServices  .dijitComboButton .dijitDownArrowButtonHover {
544
	border-color: inherit;
545
	border-bottom-color:inherit;
546
    background: inherit !important;
547
/*	color:#FFF;
548
	background-color: #2794c5;
549
	background-image:inherit;
550
	background:none #2794c5; */
551
}
552

    
553
.tundra #dropdownServices  .dijitMenuPassive .dijitMenuItemHover,
554
.tundra #dropdownServices .dijitMenuItemSelected {
555

    
556
	color:#777;
557
}
558

    
559
.tundra #dropdownUserFunctions span.dijitButtonNodeHover,
560
.tundra #dropdownUserFunctions span.dijitToggleButtonHover .dijitButtonNode,
561
.tundra #dropdownUserFunctions span.dijitDropDownButtonHover .dijitButtonNode,
562
.tundra #dropdownUserFunctions span.dijitComboButton .dijitButtonContentsHover,
563
.tundra #dropdownUserFunctions span.dijitComboButton .dijitDownArrowButtonHover {
564

    
565
	color:#FFFFFF;
566
	background-color:#2794C5;
567
	background-image:none;
568
}
569

    
570
#userFunctionsButton  {
571
	/*padding:4px 0;*/
572
	/*line-height:30px;*/
573
	height:30px;
574
}
575
.tundra .dijitMenuItem td {
576
	padding:0;
577
	border-bottom:1px solid #e3e3e3;
578
}
579
#userFunctionsButton span.dijitButtonText {
580
	text-align:left;
581
	padding:8px;
582
}
583
#userFunctionsButton span.dijitInline{
584
	margin:0 0 ;
585
	display:block;
586
}
587

    
588
#userFunctionsButton span.dijitArrowButtonInner {
589
	background-image:url(../gfx/padlock.png);
590
	background-repeat:no-repeat!important;
591
	width:16px;
592
	height:16px;
593
	position: absolute;
594
    right: 6px;
595
    top: 7px;
596
}
597
#dijit_Menu_1 {
598
	width:220px;
599
}
600

    
601
.tundra .dijitMenu,
602
.tundra .dijitMenuBar {
603
    background-color: #CAEBF5;
604
    border-width: 0 0 0px 0;
605
    border-bottom-color:#38A7D1;
606
    margin: 0;
607
    padding: 0;
608
}
609
.tundra .dijitMenuItem {
610
	line-height:30px;
611
	color:#777;
612
	font-family:inherit;
613
	white-space: normal;
614
    border-bottom: 1px solid #ddd;
615
}
616

    
617
.dijitComboBoxMenuPopup .dijitMenuItemHover,
618
.tundra .dijitMenuPassive .dijitMenuItemHover,
619
.tundra .dijitMenuItemSelected {
620
	background-color:#e6e6e6;
621
}
622

    
623

    
624
/* /\*END TEST*\/ */
625

    
626

    
627

    
628
/* /\*END USERFUNCTIONS O.A.*\/ */
629
.logo {
630
display: none;
631
}
632
#header a {
633
	color:#e3e3e3;
634
}
635
#header-logo {
636
	position:relative;
637
	/*z-index:950;*/
638
	width:200px;
639
	float:left;
640
}
641

    
642
#header-logo a img {
643
	top:0;
644
	left:12px;
645
	position:relative;	
646
}
647

    
648

    
649
/*TABS*/
650
#tabs *{
651

    
652
}
653

    
654
.tabContainer{
655
  /* width:850px;*/
656
 /* width:960px;*/
657
 /* width:100%;*/
658
    height:540px;
659
    margin-left:auto;
660
    margin-right:auto;
661
/*	background:transparent;
662
	background:url(/stabile/static/gfx/bg_gradient.png);
663
	background-repeat:repeat-x; */
664
}
665

    
666

    
667
#tabs {
668
	background:transparent;	
669
}
670

    
671
#tabs_tablist {
672
	width:100%;
673
	overflow:visible;
674
	postion:absolute;
675
}
676
.tundra #activityPane .dijitTitlePaneTitle,
677
.tundra #tabs_tabslist,
678
.tundra .dijitTabListWrapper {
679
	/*height:30px!important;*/
680
    background-color: #e6e6e6; /* fallback color if gradients are not supported */
681
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#d6d6d6'), progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=190, Color='#b3b3b3'); 
682
	background-image: -webkit-linear-gradient(top, #e6e6e6, #d6d6d6);   
683
	background-image:    -moz-linear-gradient(top, #e6e6e6, #d6d6d6);    
684
	background-image:     -ms-linear-gradient(top, #e6e6e6, #d6d6d6);    
685
	background-image:      -o-linear-gradient(top, #e6e6e6, #d6d6d6);   
686
	background-image:         linear-gradient(top, #e6e6e6, #d6d6d6); 
687
	
688
	box-shadow: 0px 1px 4px #474747;
689
	-moz-box-shadow: 0px 1px 4px #474747;
690
	-webkit-box-shadow:0px 1px 4px #474747;
691
	z-index:1;
692
	overflow:visible;
693
}
694

    
695

    
696

    
697
.tundra .dijitTab .tabLabel {
698
	min-height:20px;
699
	/*padding: 4px 12px 0px  12px;*/
700
}
701
.tundra .dijitTab {
702
background:#D4EDF1 none/*url("/stabile/static/gfx/tab.png") repeat-x 0 0*/;
703
background:transparent;
704
border:0px none;
705
border-right:0px none;
706
/*-moz-border-radius: 6px 6px 0 0;
707
-webkit-border-radius: 6px 6px 0 0;
708
border-radius: 6px 6px 0 0;*/
709
line-height:normal;
710
margin-right:0px;
711
/*padding:3px 8px;*/
712
font: 100 14px helvetica,Arial,Verdana,sans-serif;
713
/*font-size:14px;
714
font-weight:100;*/
715
color:#555555;
716
/*height_30px;*/
717
}
718

    
719

    
720
.tundra .dijitTabContainerTop-tabs {
721
border-color:#e3e3e3;
722
margin-bottom:0;
723
padding-left:0px;
724
border-bottom: 0px none;
725
height:30px;
726
width:960px!important;
727
position:relative!important;
728
margin:0 auto;
729
}
730

    
731
.tundra .dijitTabContainerTop-tabs,
732
.tundra .dijitTabContainerBottom-tabs {
733
padding-left:0;
734
padding-right:0px;
735
}
736

    
737
.tundra .dijitTabInnerDiv {
738
	border:0px none;
739
	-moz-border-radius: 0 0 0 0;
740
	/*padding:3px 12px 1px;
741
	margin-bottom:1px;*/
742
	padding:9px 12px;
743
	/*margin-bottom:-1px;*/
744
	margin-bottom:0;
745

    
746
}
747

    
748
.tundra .dijitTabContainerTop-tabs .dijitTab {
749
	border-right:1px solid #e6e6e6;
750
	height:30px;
751
}
752

    
753
.tundra .dijitTabContainerTop-tabs .dijitTabChecked,
754
.tundra .dijitTabContainer .dijitTabCheckedHover,
755
.tundra .dijitTabHover {
756
	color:#555555;/*HER!*/
757
	border:0px;
758
background-color: #fff; /* fallback color if gradients are not supported */  
759
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#FFFFFF'); 
760
background-image: -webkit-linear-gradient(top, #ddd, #FFF);   
761
background-image:    -moz-linear-gradient(top, #ddd, #FFF);  
762
background-image:     -ms-linear-gradient(top, #ddd, #FFF);   
763
background-image:      -o-linear-gradient(top, #ddd, #FFF); 
764
background-image:         linear-gradient(top, #ddd, #FFF);
765
border-bottom:5px solid #FFF;
766
	border-bottom-color:#FFF;
767
	/*border-bottom:0px none;*/
768
}
769

    
770
.tundra .dijitTabContainerTop .dijitTabHover {
771
	border-bottom-color:#FFF;
772
}
773

    
774

    
775
/*.tundra .dijitTabContainerTop-tabs .dijitTabChecked {
776
border-bottom-color:#FFF;
777
background:#FFF url();
778
}*/
779

    
780
/*WRAPPER*/
781
.tundra .dijitTabPaneWrapper {
782
	border:0px none;
783
	margin-top:0;
784
	overflow-x:hidden;
785
	/*width:960px!important;
786
	margin:0 auto;*/
787
	/*width:100%!important;*/
788
		background:transparent;
789
}
790
.tundra .dijitTabPane {
791
		background:transparent;
792

    
793
}
794

    
795
.dijitTabContainerTop-child {
796
	overflow:hidden;
797
}
798

    
799

    
800
.tundra .dijitTabContainerTop-dijitContentPane,
801
.tundra .dijitTabContainerLeft-dijitContentPane,
802
.tundra .dijitTabContainerBottom-dijitContentPane,
803
.tundra .dijitTabContainerRight-dijitContentPane,
804
.tundra .dijitAccordionContainer-dijitContentPane {
805
	padding:10px;
806
	padding-top:0;
807
	
808
}
809

    
810
#home.dijitTabContainerTop-child {
811
	padding:10px;	
812
	padding-top:1px;
813
}
814

    
815
/*ACTIVITY*/
816
#activityPane{
817
/*    width:960px;
818
    margin:0 auto;
819
    padding:0;*/
820
}
821
.tundra #activityPane .dijitTitlePaneTitle {
822
/*background:none #e4e4e4;*/
823
border:0px solid #e3e3e3;
824
padding:0;
825
/*line-height:22px;*/
826
}
827

    
828
.tundra #activityPane .dijitTitlePaneTitleFocus {
829
	border:0px solid #FFF;
830
	padding:3px 4px;
831
}
832

    
833
.tundra #activityPane .dijitTitlePaneTitleFocus .dijitArrowNode {
834
	background-image:url(/stabile/static/gfx/spriteArrowLarge.png);
835
	width:16px;
836
	height:16px;
837
}
838

    
839
.tundra #activityPane .dijitClosed .dijitTitlePaneTitleFocus  .dijitArrowNode {
840
	background-position:-32px 0;
841
}
842

    
843

    
844

    
845
.tundra #activityPane .dijitTitlePaneContentOuter {
846
background:none repeat scroll 0 0 #FFFFFF;
847
border-color:#e3e3e3 #e3e3e3 #e3e3e3;
848
border-right:1px solid #e3e3e3;
849
border-style:none solid solid;
850
border-width:0 2px 2px;
851
padding:0 5px 30px 0;
852
}
853
.tundra #activityPane .dijitTitlePaneContentOuter .dijitButton {
854
	float:right;
855
	margin-left:4px;
856
}
857
.tundra  #activityPane .dijitTitlePaneTextNode {
858
	color:#656565;
859
	font-weight:bold;
860
}
861

    
862
.tundra .dijit.TitlePaneContentInner { padding: 0;}
863

    
864

    
865
#logContainer {
866
	border-bottom:1px solid #e3e3e3!important;
867
	padding:5px!important;
868
	border-color:#e3e3e3!important;
869
	margin:0 0 5px 0!important;
870
}
871

    
872
label {
873
    font-size:13px;
874
    font-weight:400;
875
    padding: 4px;
876
/*    width:130px;
877
    display:inline;*/
878
}
879
/*WIZARD*/
880
.wizardInfoPane {
881
    display: none;
882
    background: #FFFFFF;
883
    border: #b7b7b7 1px solid;
884
    padding: 0 2px 0 4px;
885
    margin: 0 0 8px 0;
886
    -moz-border-radius:3pt;
887
    -webkit-border-radius:4pt;
888
}
889
.wizardForm {
890
    width:100%!important;
891
}
892
.wizardRow {
893
    display: none;
894
}
895
.wizardLabel table {
896
    margin-top:-2px;
897
}
898
.wizardLabel label {
899
    margin-bottom:0!important;
900
}
901
.dimlink {
902
    color: grey !important;
903
    font-size: 13px;
904
}
905
#wizardContainer {
906
    height: 64vh!important;
907
}
908
#wizardTitle {
909
    margin-top:0;
910
    margin-bottom: 0;
911
}
912
#wizardSubForm0 {
913
    left:0!important;
914
    width:100%!important;
915
    height: 100% !important;
916
}
917
#wizardSubForm2 {
918
    height: auto!important;
919
    left: auto!important;
920
    top: auto!important;
921
    width: 100%!important;
922
}
923
.hidecost {display: none;}
924
.showcost {;}
925

    
926
.wizardInfoPane h1,
927
.wizardInfoPane p,
928
.tundra .dijitTooltipContainer h1 {
929
	margin: 4px 0 4px 0;
930
}
931
.dj_webkit .tundra .dijitTooltipContainer {
932
  -webkit-box-shadow: none!important;
933
}
934

    
935
.tundra .dojoxWizard {
936
-moz-border-radius:0;
937
background:none repeat scroll 0 0 transparent;
938
border:0px none;
939
padding:2px;
940
}
941

    
942
.dojoxGridNoChildren .dojoxGridExpando {
943
/*display: none;*/
944
}
945
.tundra .dojoxGridExpandoCell {
946
    height: 22px;
947
}
948
.tundra #dijit_layout_ContentPane_2,
949
.tundra #dijit_layout_ContentPane_1,
950
.tundra #wizards {
951
	display:block;
952
	clear:both;
953
}
954

    
955
.tundra .dijitButton {
956
    margin-left: 4px;
957
}
958
/*LOAD GRAPHS*/
959
/* FIXME: don't use a random dijit number to set these! 
960
   removed for now -- Jakob
961
*/
962
/* #dijit_layout_ContentPane_3 { */
963
/* 	/\*overflow-y:scroll;*\/ */
964
/* } */
965
/* #dijit_layout_ContentPane_4 { */
966
/* 	height:430px!important; */
967
/* } */
968
/* .dj_ie7 #dijit_layout_ContentPane_3, */
969
/* .dj_ie6 #dijit_layout_ContentPane_3 { */
970
/* 	overflow-x:hidden; */
971
/* } */
972
/* .dj_ie7 #dijit_layout_ContentPane_4, */
973
/* .dj_ie6 #dijit_layout_ContentPane_4 { */
974
/* 	height:auto!important; */
975
/* 	/\*overflow-y:scroll;*\/ */
976
/* 	overflow-x:hidden; */
977
/* } */
978

    
979
#memoryUsageChart,
980
#cpuUsageChart,
981
#diskUsageChart,
982
#networkActivityChart{
983
	noheight:auto;
984
}
985
/*HOME PAGE*/
986

    
987
/*CONTENT PANES SHOULD STAY IN SHAPE*/
988
#dijit_layout_ContentPane_0 {
989
		
990
}
991

    
992
#dijit_layout_ContentPane_1 {
993

    
994
}
995

    
996
#GetStartedButton {
997
	/*height:30%;	*/
998
	float:right;
999
	font-size:120%;
1000
	margin-top:0;
1001
	padding-bottom:4px;
1002
}
1003
#GetStartedText {
1004
	height:70%;
1005
}
1006

    
1007
#homeServers{
1008
	height:65%;
1009
	overflow:auto;
1010
	padding:0;
1011
}
1012

    
1013
#homeServerVitals {
1014
	height:35%;
1015
	overflow:auto;
1016
	padding:6px 10px 0 10px;
1017
    width:100%!important;
1018
}
1019

    
1020
#homeTabs {
1021
/*    height:80vh; */
1022
}
1023
#homeTabs iframe {
1024
	max-width:500px!important;	
1025
}
1026
#homeTabs * {
1027
/*	max-width:520px!important;	*/
1028
}
1029
#homeTabs .dijitTabPaneWrapper {
1030
	border-right:1px solid #e3e3e3;	
1031
	background:#FFF;
1032
	padding-top:10px;
1033
}
1034
#home,
1035
#servers,
1036
#images,
1037
#networks, 
1038
#nodes {
1039
	width:960px!important;
1040
	position:relative;
1041
	margin:0 auto;
1042
}
1043

    
1044

    
1045
/*SERVERS INFO*/
1046
#ServersInfo {
1047
	padding: 6px;
1048
	clear:both;
1049
	/* width:96%;*/
1050
}
1051

    
1052
#ServersInfo h3 {
1053
	font-size:18px;
1054
	font-weight:normal;
1055
	nowidth:150px;
1056
    margin-right: 4px;
1057
	float:left;
1058
}
1059

    
1060
#consumption {
1061
	width:40%;
1062
	float:left;
1063
	font-size:11px;
1064
	color:#474747;
1065
	margin-top:4px;
1066
}
1067

    
1068
/*SERVER NOTES*/
1069
#vitalsHeader {
1070
	
1071
}
1072

    
1073
#vitalsHeader h3 {
1074
	font-size:18px;
1075
	font-weight:normal;
1076
	margin-top:0;
1077
}
1078

    
1079
#notes,
1080
#vitals {
1081
	font-size:13px;
1082
	line-height: 1.2em;
1083
}
1084
#vitals div {
1085
	margin-bottom:6px;
1086
}
1087

    
1088
/*PROBLEMGRID*/
1089

    
1090
/*
1091
#systemsGrid {
1092
	clear:both;
1093
	width:96%;
1094
	margin:0 10px!important;
1095
}
1096
*/
1097
.tundra #systemsGrid .dojoxGridRowTable .dojoxGridCellFocus div {
1098
	/*background-color:transparent;*/
1099
	/*background-color:#39B54A;*/
1100
	/*background:url(/stabile/static/gfx/selected.png) no-repeat 0 0;*/
1101
	/*width:16px;
1102
	height:16px;*/
1103
}
1104

    
1105
.tundra #systemsGrid,
1106
.tundra #wizards {
1107
	background:none #FFF;
1108
	margin:1px;
1109
}
1110
#systemsGrid div[aria-selected='true'] {
1111
	background-color:#ededed;	
1112
}
1113

    
1114
/*MODAL DIALOG*/
1115
.tundra .dijitDialogUnderlay {
1116
	opacity:0;
1117
}
1118

    
1119
.tundra .dijitDialog {
1120
background:none repeat scroll 0 0 #FFFFFF;
1121
/* border:3px solid #e3e3e3;*/
1122
padding:0;
1123
-moz-border-radius:6px;
1124
border-radius: 6px;
1125
-webkit-border-radius: 6px;
1126
border: 0 none;
1127
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
1128
}
1129

    
1130
.dj_ie6 .tundra .dijitDialog {
1131
	width: 500px;
1132
}
1133

    
1134
.tundra .dijitDialogTitleBar {
1135
	-moz-border-radius:4px 4px 0 0;
1136
	border-radius: 4px 4px 0 0;
1137
	-webkit-border-radius: 4px 4px 0 0;
1138

    
1139
	background-color: #fff;
1140
    background-image: none;
1141
	padding:12px 8px 6px 12px;
1142
	line-height:30px;
1143
	font-size:18px;
1144
    border-bottom:1px solid #e5e5e5;
1145
}
1146
#createSystemDialog .dijitDialogTitleBar {
1147
    border-bottom:none !important;
1148
}
1149
#createSystemDialog .dijitDialogPaneContent {
1150
    overflow-x: hidden;
1151
}
1152
#createSystemDialog {
1153
    top: 50px !important;
1154
}
1155
.tundra .dijitDialogTitle {
1156
    font-weight: 400!important;
1157
}
1158

    
1159
.tundra .dijitDialogPaneContent {
1160
    background:none repeat scroll 0 0 #FFFFFF;
1161
    overflow:auto;
1162
    border-top:1px solid #FFF;
1163
    margin: 0;
1164
    padding: 0;
1165
    -moz-border-radius:0 0 4px 4px ;
1166
    border-radius: 0 0 4px 4px ;
1167
    -webkit-border-radius: 0 0 4px 4px ;
1168
    /*background:url(/stabile/static/gfx/tab_selected.png) repeat-x;*/
1169
}
1170

    
1171
.dj_ie6 .tundra .dijitDialogPaneContent {
1172
	padding:0;
1173
	background:none transparent;
1174
}
1175

    
1176
#packages {
1177
    width: 100%;
1178
    border-bottom:1px solid #e3e3e3;
1179
    font-size:90%;
1180
    color:#666666;
1181
    margin: 5px 0;
1182
    border-top: solid 1px #E8E8E8
1183
/*    height: 35vh;
1184
    min-height: 300px;
1185
    padding: 4px;
1186
    overflow: auto; */
1187
}
1188
#packagesContentPane, #statisticsContentPane {
1189
/*    height:100%; */
1190
}
1191
.systemTables {
1192
    width: 100%;
1193
    border-color:#ddd!important;
1194
}
1195
.systemTables tr th{
1196
    font-weight: normal;
1197
    text-align: center;
1198
    padding:4px;
1199
}
1200
.dijitSelectSelectedOption * {
1201
  font-weight: 300;
1202
}
1203
.dijitSelectMenu {
1204
    min-width:200px;
1205
}
1206
.systemTables tr td{
1207
    margin:0;
1208
    padding:4px;
1209
    border-top:1px solid #e3e3e3;
1210
}
1211

    
1212
/*FORM IN DIALOG*/
1213
#dialogForm tbody td {
1214
	padding:3px 0;
1215
}
1216
#dialogForm tbody td table{
1217
	margin:0;
1218
}
1219
#dialogForm tbody td table td {
1220
	padding:0 0 0 0;
1221
}
1222
.dialogFormTable td {
1223
/*    min-width:120px;*/
1224
}
1225
#dialogForm .dijitTextBox {
1226
    width:90%;
1227
}
1228
/*.tundra #dialogForm .dijitInputContainer input,
1229
.tundra #dialogForm .dijitTextBox {
1230
	margin:3px 0;
1231
}*/
1232

    
1233
/* Define clearable textbox */
1234

    
1235
.tundra .stabileClearBox {
1236
    padding-right: 25px;
1237
    position: relative;
1238
}
1239
.tundra .stabileClearBox a.stabileClear {
1240
    width: 12px;
1241
    height: 12px;
1242
    display: block;
1243
    overflow: hidden;
1244
    text-indent: -5000px;
1245
    position: absolute;
1246
    top: 8px;
1247
    right: 5px;
1248
    background: url(/stabile/static/img/closeButtonSprite.png) 0 0 no-repeat;
1249
    z-index: 2000;
1250
    cursor: pointer;
1251
}
1252
.tundra .stabileClearBox a.stabileClear:hover {
1253
    background-position:-12px 0;
1254
}
1255
.dj_ie .tundra .stabileClearBox a.stabileClear  {
1256
    top:2px;
1257
}
1258

    
1259

    
1260
/*SELECT BOXES BORDERS AND BACKGROUNDS*/
1261
input, textarea, select {
1262
border:1px solid #e3e3e3;
1263
}
1264
.tundra .dijitTextBox {
1265
background:none #FFFFFF;
1266
border:1px solid #e3e3e3;
1267
}
1268
.tundra .dijitComboBox {
1269
    border:0;
1270
}
1271

    
1272
.dj_webkit .dijitTextBoxDisabled input {
1273
color: inherit;
1274
}
1275

    
1276

    
1277

    
1278
/*BUTTONS UP*/
1279
/*GENEREL KNAPHED*/
1280
/*WE WANT TO BE AWESOME*/
1281
.tundra .dijitButtonText {
1282
	/*padding: 2px 6px 2px 6px;	*/
1283
	padding: 0 3px 0 3px;
1284
	
1285
}
1286

    
1287
.dijitButtonNode,
1288
.dijitButtonHover .dijitButtonNode,
1289
.dijitButtonFocused .dijitButtonNode
1290
{
1291
    border: none!important;
1292
    background: none!important;
1293
    border-width: 0!important;
1294
}
1295
.tundra .dijitButtonNode {
1296
	border-color:transparent;
1297
	border-style:solid;
1298
	border-width:1px;
1299
	background:none transparent;
1300
	padding:0.1em 0.2em 0.2em;
1301
}
1302
.tundra .dijitButton .dijitButtonNode,
1303
.tundra .dijitButtonDisabled .dijitButtonNode,
1304
.dijitButtonHover
1305
{
1306
/*    border: inherit !important;
1307
    background: inherit !important; */
1308
    color: inherit !important;
1309
}
1310

    
1311
.plupload_filelist_footer {
1312
    height: auto!important;
1313
}
1314

    
1315
.button,
1316
/*.plupload_button, */
1317
.dj_ie6 #dialogButtons .save_icon,
1318
#dialogButtons .save_icon, 
1319
.docs #search input.dijitButtonNode {
1320
  background-image:url(/stabile/static/img/alert-overlay.png);
1321
  background-repeat: repeat-x; 
1322
  display: inline-block; 
1323
  padding: 5px 10px 6px; 
1324
  color: #fff; 
1325
  text-decoration: none;
1326
  -moz-border-radius: 5px; 
1327
  -webkit-border-radius: 5px;
1328
  border-radius:5px;
1329
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
1330
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
1331
 	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
1332

    
1333
  text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
1334
  border-bottom: 1px solid rgba(0,0,0,0.25);
1335
  position: relative;
1336
  cursor: pointer;
1337
  background-color:#39B54A;
1338
   border:0px none;
1339
}
1340

    
1341
.dj_ie6 .docs #search input.dijitButtonNode,
1342
.dj_ie6 .tundra .dijitButton .dijitButtonNode {
1343
	background:#39B54A url(/stabile/static/img/alert-overlay.png) repeat-x/;
1344
}
1345

    
1346
.docs #search input.dijitButtonNode{
1347
	padding:2px 6px;
1348
}
1349

    
1350
.tundra .dijitButton .dijitButtonNode .dijitButtonContents{
1351
	border:0px none;
1352
	padding:0 0 0 0;	
1353
}
1354

    
1355
.cancelButton {
1356
	margin-left:4px!important;	
1357
}
1358
/*HOW ABOUT OTHER BUTTON COLOR OPTIONS?*/
1359
span.graybutton span,
1360
span.greybutton span {
1361
	background-color:#aaa!important;	
1362
}
1363
span.graybutton span *,
1364
span.greybutton span *  {
1365
	background-color:transparent!important;	
1366
}
1367

    
1368
/*TEXT COLOR IN SEARCH FIELD*/
1369
.dijitPlaceHolder {
1370
	color: #777;	
1371
}
1372

    
1373
/*DIALOGBUTTONS*/
1374
#dialogButtons {
1375
	clear:both;
1376
}
1377
#dialogButtons button {
1378
	/*float:right;	*/
1379
	position:relative;
1380
}
1381
#dialogButtons .save_icon {
1382
	width:auto;
1383
	background-position: 0 0;
1384
	display:block;
1385
	float: right;
1386
	margin: 0 4px 0px 6px;
1387
	padding:0;
1388
	height:22px;
1389
	opacity:1;
1390
	filter: alpha(opacity=100);
1391
	-moz-opacity: 1;*/
1392
}
1393

    
1394
.dj_ie6 #dialogButtons .save_icon {
1395
	float:none;
1396
}
1397

    
1398
#dialogButtons .save_icon:hover {
1399
	background:#39B54A url(/stabile/static/img/alert-overlay.png) repeat-x;
1400
	border-color:#84C187;*/
1401
}
1402
#dialogButtons .save_icon span{
1403
	display:inline;
1404
	margin:0;
1405
	padding:2px 6px;
1406
	vertical-align:super;
1407
}
1408

    
1409
/*
1410
.plupload_disabled, 
1411
a.plupload_disabled:hover{
1412
	background:#cdcdcd;
1413
	color:#ddd!important;
1414
}
1415
*/
1416
.tundra .dijitDisabled .dijitButtonText {
1417
	color:#ddd!important;
1418
}
1419

    
1420
/*
1421
.tundra .dijitSelectHover .dijitButtonNode {
1422
	border-color:#e3e3e3;
1423
	border-bottom-color:#e3e3e3;
1424
	border-right-color:#e3e3e3;
1425
	color:#4f4f4f;
1426
	background:url(/stabile/static/gfx/tab_selected.png) repeat-x;
1427
}
1428
*/
1429
.tundra .dijitTextBoxFocused,
1430
.tundra .dijitTextBoxFocused .dijitButtonNode {
1431
border-color:#e3e3e3;
1432
}
1433

    
1434
.tundra .dijitTextBox .dijitButtonNode {
1435
	border-color: #e3e3e3;
1436
}
1437
.tundra .dijitComboBox .dijitButtonNode {
1438
	border:0;
1439
}
1440

    
1441
.dj_ie6 .tundra .dijitTextBox .dijitButtonNode {
1442
	height:16px!important;
1443
}
1444

    
1445
.dijitToggleButton, .dijitButton,
1446
.dijitDropDownButton, .dijitComboButton {
1447
margin:0;
1448
}
1449

    
1450

    
1451
/*ARROWS*/
1452
/*.tundra .dijitDownArrowButton {
1453
	border-color:#e3e3e3;	
1454
	border-width:1px;
1455
	border-style:solid;
1456
}*/
1457
.tundra .dijitArrowButtonInner {
1458

    
1459
}
1460

    
1461
.tundra .dojoxGridMasterHeader .dojoxGridArrowButtonNode {
1462
	
1463
}
1464

    
1465
#systemsGrid .dojoxGridRowSelected {
1466
    background-color: transparent !important;
1467
    font-weight: bold;
1468
}
1469

    
1470
.tundra .dojoxGridRowSelected {
1471
    background-color: transparent !important;
1472
}
1473

    
1474
.tundra .dojoxGridArrowButtonNode {
1475
	display: block !important;
1476
	padding-left: 0px;
1477
	float: left;
1478
	/*background:url("/stabile/static/gfx/spriteArrows.png") no-repeat left center;*/
1479
	background:url("/stabile/static/gfx/spriteArrowLarge.png") no-repeat 0 0;
1480
	width: 16px;
1481
	height: 1em;
1482
	margin: 0px 2px 0px 0px;
1483
	cursor:pointer;
1484
}
1485
.dj_ie6 .tundra .dojoxGridArrowButtonNode {
1486
	/*background-image:url("/stabile/static/gfx/spriteArrows.png");*/
1487
	background-image:url("/stabile/static/gfx/spriteArrowLarge.png");
1488
	margin-left: 0px;
1489
}
1490
.tundra .dojoxGridSortUp .dojoxGridArrowButtonNode {
1491
	/*background-position: -21px;*/
1492
	background-position: -48px 0;
1493
}
1494

    
1495
/* ruins the height of the grid -- Jakob */
1496
.tundra .dojoxGridMasterSearch{
1497
  padding: 3px;
1498
  width:100%;
1499
}
1500

    
1501
.tundra .dojoxGridMasterSelectAll{
1502
  line-height:24px;
1503
}
1504

    
1505
.tundra .dojoxGridMasterInfo{
1506
  line-height:24px; /* makes room for action button icon */
1507
}
1508

    
1509
.tundra .dojoxGridMasterSearch .dijitInputField {
1510
    text-align:right;
1511
    padding:5px !important;
1512
}
1513

    
1514
.tundra .dojoxGridMasterHeader .dojoxGridHeader div.dojoxGridSortNode,
1515
.tundra .dojoxGridMasterHeader .dojoxGridHeader div.dojoxGridArrowButtonNode {
1516
	height:16px;
1517
	white-space:nowrap;
1518
	display:inline;
1519
}
1520
ADJUST MARGIN SO HELP-BUTTON STAYS VISIBLE
1521
.tundra .dojoxGridMasterHeader .dojoxGridHeader div.dojoxGridArrowButtonNode {
1522
	margin: 0 0 0 0;
1523
}
1524

    
1525
.tundra .dijitTextBox .dijitArrowButtonInner {
1526
	/*background-position: 0 -16px;*/
1527
}
1528

    
1529
.tundra .dijitSelect .dijitButtonNode  {
1530
	padding: 0 0 0 1px !important;
1531
	border:0px none;
1532
}
1533

    
1534
.tundra .dijitSelect .dijitButtonContents {
1535
	padding-top: -2px;
1536
	background:#fff none;
1537
}
1538

    
1539
#account .dijitButtonContents, #engines .dijitButtonContents {
1540
    background: transparent;
1541
    vertical-align: bottom;
1542
    text-transform: lowercase;
1543
    font-size: 13px;
1544
}
1545

    
1546
#engines .dijitButtonContents:hover {
1547
/*    background: none repeat scroll 0 0 #222222; */
1548
}
1549

    
1550
/*#top-function-container .dijitButtonNode  {
1551
    padding: 0 !important;
1552
}*/
1553

    
1554
#top-function-container .dijitSelect {
1555
    margin: 0;
1556
}
1557
#top-function-container .dijitSelectLabel {
1558
/*    margin-top: -6px;*/
1559
}
1560
#top-function-container .dijitButtonNode * {
1561
    vertical-align: top;
1562
}
1563
.dijitMenuPopup {
1564
    min-width:220px;
1565
}
1566
.tundra .dijitSelectHover .dijitButtonNode,
1567
.tundra .dijitSelectDisabled .dijitButtonNode,
1568
.tundra .dijitSelectActive .dijitButtonNode
1569
{
1570
    background:none!important;
1571
}
1572

    
1573
.dijitSelectHover#account .dijitSelectLabel,
1574
.dijitSelectHover#engines .dijitSelectLabel
1575
{
1576
/*    color: #FFFFFF;
1577
    border: none;*/
1578
}
1579

    
1580
.tundra .dijitSelect .dijitButtonNode .dijitArrowButtonInner {
1581
background:url("/stabile/static/gfx/arrowdown.png") no-repeat scroll left top transparent;
1582
height:16px;
1583
margin:3px 0 -1px -1px;
1584
width:16px;
1585
/*background: url("/stabile/static/gfx/toggle.png") no-repeat scroll right top rgba(0, 0, 0, 0);
1586
float: right;
1587
height: 16px;
1588
transition: border-color 0.2s ease 0s;
1589
width: 19px; */
1590

    
1591
}
1592
.tundra .dijitComboBoxHover .dijitDownArrowButton .dijitArrowButtonInner,
1593
.tundra .dijitTextBoxFocused .dijitDownArrowButton .dijitArrowButtonInner,
1594
.tundra .dijitSelectHover .dijitDownArrowButton .dijitArrowButtonInner,
1595
.tundra .dijitSelectActive .dijitDownArrowButton .dijitArrowButtonInner,
1596
.tundra .dijitSelectFocused .dijitDownArrowButton .dijitArrowButtonInner {
1597
	background:url("/stabile/static/gfx/arrowdown.png") no-repeat scroll 0 -16px transparent;
1598

    
1599
}
1600
/*
1601
.tundra .dijitSelectHover .dijitButtonNode .dijitArrowButtonInner {
1602
	background:url("/stabile/static/gfx/arrowdown.png") no-repeat scroll 0 -16px transparent;
1603
}
1604

    
1605
.tundra .dijitSelectActive .dijitButtonNode,
1606
.tundra .dijitSelectOpened .dijitButtonNode {
1607
	border-color:#DDD;
1608
	background:#fff none;
1609
}
1610
*/
1611

    
1612
/* buttonHover.png doesn't exist! Commenting out -- Jakob*/
1613
/* .tundra .dijitDownArrowButtonHover, */
1614
/* .tundra .dijitUpArrowButtonHover { */
1615
/* 	color:#243C5F; */
1616
/* 	background:#fcfdff url(/stabile/auth/tundra/images/buttonHover.png) repeat-x bottom; */
1617
/* } */
1618

    
1619
.tundra .dijitTextBox .dijitArrowButtonInner {
1620
	background:url("/stabile/static/gfx/arrowdown.png") no-repeat scroll left top transparent;
1621
	height:16px!important;
1622
	margin:0 0px;
1623
	width:16px;
1624
}
1625

    
1626
.tundra .dijitLeftArrowButton .dijitArrowButtonInner {
1627
	background-position: -7px center; /*????*/
1628
}
1629
.tundra .dijitRightArrowButton .dijitArrowButtonInner {
1630
	background-position: -14px center;/*????*/
1631
}
1632
.tundra .dijitUpArrowButton .dijitArrowButtonInner {
1633
background-position:0 -7px;/*????*/
1634
}
1635

    
1636
.dijitSpinner .dijitSpinnerButtonContainer .dijitUpArrowButton .dijitArrowButtonInner {
1637
	background:url("/stabile/static/gfx/arrowupdown.png") no-repeat scroll left top transparent;
1638
/* - kunne starte med .dijitTextBox i stedet */
1639
}
1640
.dijitSpinner .dijitSpinnerButtonContainer .dijitDownArrowButton {
1641
	border-top:0px!important;
1642
	padding-top:0px;
1643
}
1644
.dijitSpinner .dijitSpinnerButtonContainer .dijitDownArrowButton .dijitArrowButtonInner {
1645
	background:url("/stabile/static/gfx/arrowupdown.png") no-repeat scroll left -7px transparent;
1646
}
1647

    
1648

    
1649
/*HOVER ON UP-DOWN ARROWS*/
1650
.dijitSpinner .dijitSpinnerButtonContainer  .dijitUpArrowButtonActive .dijitArrowButtonInner,
1651
.dijitSpinner .dijitSpinnerButtonContainer  .dijitUpArrowButtonHover .dijitArrowButtonInner {
1652
	background-position: 0 -16px;
1653
}
1654
.dijitSpinner .dijitSpinnerButtonContainer .dijitDownArrowButtonActive .dijitArrowButtonInner,
1655
.dijitSpinner .dijitSpinnerButtonContainer .dijitDownArrowButtonHover .dijitArrowButtonInner {
1656
	background-position: 0 -23px;
1657
}
1658

    
1659
.tundra .dijitDisabled .dijitArrowButtonInner {
1660
	background-position: -28px center;
1661
}
1662
.tundra .dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner {
1663
	background-position: -35px center;
1664
}
1665
.tundra .dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner {
1666
	background-position: -42px center;
1667
}
1668
.tundra .dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner {
1669
	background-position: -49px center;
1670
}
1671
.dj_webkit .tundra .dijitSpinner .dijitUpArrowButton .dijitArrowButtonInner {
1672
	margin-top: 0px;
1673
}
1674
.dj_ie .tundra .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner {
1675
	margin-top: -2px;
1676
}
1677
.dj_ie8 .tundra .dijitSpinner .dijitDownArrowButton .dijitArrowButtonInner {
1678
	margin-top: -1px;
1679
}
1680
.tundra .dijitSpinnerButtonContainer {
1681
	width: auto;
1682
	padding: 0;
1683
}
1684
.tundra .dijitSpinner .dijitArrowButton {
1685
	width: 16px;
1686
}
1687
.tundra .dijitSpinner .dijitSpinnerButtonInner {
1688
	width: 16px;
1689
}
1690
.tundra .dijitSpinner .dijitArrowButtonInner .dijitInputField {
1691
	padding: 0;
1692
	-moz-transform:scale(1.1);
1693
	-moz-transform-origin:top top;
1694
}
1695

    
1696
/*GOODBYE BACKGROUND-IMAGE IN IE6 BUTTONS*/
1697
.dj_ie6 .editDialogButtons .dijitButtonNode,
1698
.dj_ie6 #wizards .dijitButtonNode,
1699
.dj_ie6 #activity .dijitButtonNode,
1700
.dj_ie6 .dojoxWizardButtons .dijitButtonNode,
1701
.dj_ie6 .gridButtonContainer span.dijitButtonNode {
1702
	/*background-image: none;	OH WELL HELLO ANYWAY*/
1703
}
1704

    
1705

    
1706
/*DROPDOWNS*/
1707
.tundra .dijitMenu,
1708
.tundra .dijitMenuBar {
1709
background-color:#F7F7F7;
1710
border-top:1px solid #e3e3e3;
1711
border-left:1px solid #e3e3e3;
1712
border-right:1px solid #e3e3e3;
1713
margin:0;
1714
padding:0;
1715
}
1716

    
1717
#account_menu {
1718
    position: relative;
1719
    top: 3px !important;
1720
}
1721
#engines_menu {
1722
    position: relative;
1723
    top: 3px !important;
1724
}
1725

    
1726

    
1727
/*DIALOGBUTTONS*/
1728
#dialogButtons {
1729
	clear:both;
1730
	margin-bottom: 12px;
1731
}
1732
#dialogButtons button {
1733
	/*float:right;	*/
1734
	position:relative;
1735
}
1736
#dialogButtons .save_icon {
1737
	width:auto;
1738
	background-position: 0 0;
1739
	display:block;
1740
	-moz-border-radius: 6px;
1741
	border-radius: 6px ;
1742
	-webkit-border-radius: 6px ;
1743
	border-width:2px;
1744
	border-color: #e3e3e3;
1745
	background:#39B54A url(/stabile/static/img/alert-overlay.png) repeat-x;
1746
	margin: 0 4px 4px 0;
1747
	color:#FFF;
1748
	font-weight:bold;
1749
	padding:0;
1750
	height:22px;
1751
	opacity:1;
1752
	filter: alpha(opacity=100);
1753
	-moz-opacity: 1;}
1754

    
1755
.dj_ie6 #dialogButtons .save_icon {
1756
	background:#39B54A url(/stabile/static/img/alert-overlay.png) repeat-x;
1757
	float:none;
1758
}
1759

    
1760
#dialogButtons .save_icon:hover {
1761
	background:#2b8837 url(/stabile/static/img/alert-overlay.png) repeat-x;
1762
	border-color:#2b8837;
1763
}
1764
#dialogButtons .save_icon span{
1765
	display:inline;
1766
	margin:0;
1767
	padding:2px 6px;
1768
	vertical-align:super;
1769
}
1770

    
1771

    
1772

    
1773
/*BOXING*/
1774
.tundra .dijitBorderContainer {
1775
	background:inherit;
1776
}
1777

    
1778
.tundra .dijitSplitContainer-child,
1779
.tundra .dijitBorderContainer-child {
1780
/*border:1px solid #e3e3e3;*/
1781
    border: 0;
1782
}
1783

    
1784
.tundra .dijitAccordionTitle {
1785
	background:/*url("/stabile/static/gfx/tab.png")*/ none repeat-x scroll 0 0 #D4EDF1;
1786
	font-size:14px;
1787
	color:#656565;
1788
	text-transform: lowercase;
1789
	font-weight:bold;
1790
	height:24px!important;
1791
	line-height:24px;
1792
	margin:1px;
1793
	border-bottom:1px solid #FFF;
1794
}
1795

    
1796

    
1797
/*SHUT IT*/
1798
.tundra .dijitDialogCloseIcon {
1799
	background:none!important;
1800
	cursor:pointer;
1801
    right: 12px;
1802
    top: 8px;
1803
}
1804
.tundra .dijitDialog .closeText {
1805
    display: inline;
1806
    visibility: hidden;
1807
    color: #000;
1808
    float: right;
1809
    font-size: 21px;
1810
    font-weight: 700;
1811
    line-height: 1;
1812
    opacity: 0.2;
1813
    text-shadow: 0 1px 0 #fff;
1814
    font-family:helvetica!important;
1815
}
1816
.closeText:after {
1817
    content: '\00D7';
1818
/*    content: '×'; */
1819
    visibility: visible;
1820
    margin-left:-10px;
1821
}
1822
.tundra .dijitDialogCloseIconHover  {
1823
	background:none!important;
1824
}
1825

    
1826
/*THOSE ANNOYING DOTTED BORDERS*/
1827
* {
1828
	outline:0px none!important;
1829
}
1830

    
1831
/*OH YEAH FOCUS*/
1832
.tundra .dojoxGridCellFocus {
1833
	border:1px solid transparent!important;
1834
	border-color: transparent #CCCCCC #CCCCCC transparent!important;
1835
    border-style: dotted!important;
1836
    border-width: 0!important;
1837
}
1838

    
1839
/*GETTIN GRIDDY WITH IT*/
1840
.dojoxGridCell {
1841
    font-size:12px;
1842
}
1843

    
1844
/* Clarogrid defaults to geneva which does not work well in Chrome */
1845
.dojoxGrid {
1846
    font-family: Arial, Verdana, sans-serif
1847
}
1848

    
1849

    
1850
.tundra .dojoxGridCell {
1851
/*	border-color:transparent #ccc  #ccc transparent;
1852
	border-right:1px dotted  #ccc;
1853
	border-style:dotted;*/
1854
	border-width:0;
1855
}
1856

    
1857
.dj_ie6 .tundra .dojoxGridCell{
1858
	border-color: #FFFFFF #CCCCCC #CCCCCC #FFFFFF!important;
1859
	border-style: dotted!important;
1860
}
1861

    
1862
.tundra .dojoxGridCellOver {
1863
	border-color:transparent #AAA  #AAA transparent;
1864
}
1865

    
1866
.tundra .dojoxGridRowOver .dojoxGridCell {
1867
/*    background-color: transparent !important;*/
1868
    background-color:#CCCCCC;
1869
}
1870

    
1871
.tundra div.dojoxGrid {
1872
	background-color: #FFF;
1873
/*    border-top:1px solid #e3e3e3; */
1874
/*    border-bottom:1px solid #e3e3e3; */
1875
}
1876

    
1877
.dojoxGrid{
1878
    /* the grid needs a height */
1879
    /* height:300px; */
1880
    font-size:20px;
1881
}
1882

    
1883
.tundra div.dojoxGrid div.dojoxGrid{
1884
	background-color: transparent;
1885
	border:0px none;
1886
}
1887

    
1888

    
1889
.gridContainer{
1890
    padding:0px;
1891
    margin:1px;
1892
    overflow:auto;
1893
}
1894

    
1895
.dj_ie6 .gridContainer {
1896
	width:auto;
1897
}
1898

    
1899
.border_container{
1900
/*    border: 1px solid #e3e3e3;
1901
    margin: 1px 0 0 0; */
1902
    padding:6px 8px;
1903
    overflow:hidden;
1904
    background:#FFF;
1905
}
1906

    
1907
.border_container_south{
1908
    position: absolute;
1909
    bottom: 90px;
1910
    right: 40px;
1911
/*    overflow:hidden;
1912
    padding:8px 6px;
1913
    background:#FFF;
1914
    text-align:right;
1915
    padding-right: 30px;
1916
    padding-left: 7px; */
1917
}
1918

    
1919
.float{
1920
	background-color:#3498db;
1921
	color:#FFF;
1922
	padding:8px;
1923
	border-radius:50px;
1924
	text-align:center;
1925
	box-shadow: 2px 2px 3px #999;
1926
}
1927

    
1928
.shadow{
1929
	box-shadow: 2px 2px 3px #999;
1930
}
1931

    
1932
.collapsing {
1933
    -webkit-transition: none;
1934
    transition: none;
1935
    display: none;
1936
}
1937

    
1938
.tundra .dojoxGridMasterHeader {
1939
	height:30px!important;
1940
	background:#F4f4f4;
1941
	border-bottom:1px solid #e3e3e3;
1942
}
1943
.tundra .dojoxGridHeader .dojoxGridCell,
1944
.tundra .dojoxGridMasterHeader .dojoxGridHeader .dojoxGridCell {
1945
	border:0px none;
1946
	border-right:1px dotted #e3e3e3;
1947
	background:transparent;
1948
	color:#656565!important;
1949

    
1950
}
1951

    
1952
.tundra .dojoxGridMasterHeader .dojoxGridHeader .dojoxGridRowTable,
1953
.tundra .dojoxGridMasterHeader .dojoxGridHeader,
1954
.tundra .dojoxGridMasterHeader .dojoxGridHeader div {
1955
	height:inherit;
1956
}
1957

    
1958

    
1959

    
1960
.tundra .dojoxGridHeader {
1961
	background-color:transparent;
1962
}
1963

    
1964
.dojoxGridHeader .dojoxGridCell {
1965
    height:inherit;
1966
}
1967
.tundra .dojoxGridRowTable {
1968
	border-width:0;
1969
	border-color:transparent;
1970
}
1971

    
1972
.tundra .dojoxGridRowTable th {
1973
}
1974

    
1975
.tundra .dojoxGridView{
1976
    left:1px!important;
1977
}
1978
.tundra .dojoxGridContent div.dojoxScrollbox,
1979
.tundra .dojoxGridContent div.dojoxGridRow {
1980
	overflow-x:hidden;
1981
}
1982
.tundra .dojoxGridContent {
1983
    height: 100%!important;
1984
    overflow-y:auto;
1985
}
1986
.tundra .dojoxGridRowOdd {
1987
    background-color: white;
1988
}
1989
.tundra .dojoxGridRow {
1990
    border-bottom: 1px solid #DDD;
1991
}
1992

    
1993
.tundra .dojoxGridRowbarInner {
1994
	border-color:-moz-use-text-color -moz-use-text-color #CCCCCC;
1995
	border-style:none none solid;
1996
	border-width:medium medium 1px;
1997
}
1998

    
1999

    
2000
.tundra .dojoxGridScrollbox {
2001
	background-color: #FFF;
2002
	overflow-x:hidden;
2003
}
2004
.tundra .dojoxGridMasterView .dojoxGridRowbar {
2005

    
2006
	width:0px;
2007
	overflow:hidden;
2008
}
2009
.tundra .dojoxGridMasterView .dojoxGridRowbar * {
2010

    
2011
}
2012
.tundra .dojoxGridRowbarInner
2013
.tundra .dojoxGridMasterView .dojoxGridRowbarInner {
2014
border-width:0 0 0 0;
2015
}
2016

    
2017
.tundra .dojoxGridRowbar {
2018
background:transparent;
2019
border-style:none none none none;
2020
border-width:0 0 0 0;
2021
padding:0;
2022
}
2023

    
2024
/***********    ICONIC   ***********/
2025
.dijitTabButtonIcon {
2026
	display:none;
2027
	visibility:hidden;
2028
}
2029

    
2030
.plain_button {
2031
    border: none;
2032
    background-repeat:no-repeat;
2033
    background-position:center;
2034
    height:20px;
2035
    margin-right:2px;
2036
    width:20px;
2037
    vertical-align:middle;
2038
}
2039
.plain_button span{
2040
    display:none;
2041
}
2042

    
2043
.action_button {
2044
	background-color:#efefef;
2045
	background-repeat:no-repeat;
2046
	border:1px solid #e3e3e3;
2047
	cursor:pointer;
2048
	height:20px;
2049
	margin-right:4px;
2050
	width:20px;
2051
	background-position: 50% 50%;
2052
	-moz-border-radius: 2px;
2053
	border-radius: 2px ;
2054
	-webkit-border-radius: 2px ;
2055
	curser: hand;
2056
    vertical-align: middle;
2057
}
2058
.action_button span{
2059
    display:none;
2060
}
2061

    
2062

    
2063
action buttons in grids
2064
.status_indicator{
2065
background-color:#FFF;
2066
padding:0;
2067
margin:0;
2068
border:0;
2069
/* text-indent:-9999px; */ /* IE / dojo grid error when doing this */
2070
width:16px;
2071
height:16px;
2072
}
2073

    
2074
.action_button:hover {
2075
	opacity: 1;
2076
	-moz-opacity:1;
2077
	filter: alpha(opacity=100);
2078
	background-color:#FFFFFF;
2079
}
2080

    
2081
.tundra .dijitValidationIcon {
2082
background:url("/stabile/static/gfx/warning.png") no-repeat scroll center center transparent;
2083
width:16px;
2084
}
2085

    
2086
.start_icon, .resume_icon, .start_tunnel_icon {
2087
background-image:url(/stabile/static/img/icons/control.png);
2088
}
2089
.download_icon{
2090
background-image:url(/stabile/static/img/icons/disk-black.png);
2091
}
2092
.browse_icon{
2093
background-image:url(/stabile/static/img/icons/folder-tree.png);
2094
}
2095
.destroy_icon{
2096
background-image:url(/stabile/static/img/icons/plug-disconnect.png);
2097
}
2098
.suspend_icon {
2099
background-image:url(/stabile/static/img/icons/control-pause.png);
2100
}
2101
.sleep_icon{
2102
background-image:url(/stabile/static/img/icons/control-pause.png);
2103
}
2104
.wake_icon{
2105
background-image:url(/stabile/static/img/icons/control.png);
2106
}
2107
.maintenance_icon{
2108
background-image:url(/stabile/static/img/icons/screwdriver--plus.png);
2109
}
2110
.reset_icon{
2111
background-image:url(/stabile/static/img/icons/hammer--exclamation.png);
2112
}
2113
.carryon_icon{
2114
background-image:url(/stabile/static/img/icons/screwdriver--minus.png);
2115
}
2116
.evacuate_icon{
2117
    background-image:url(/stabile/static/img/icons/fire--exclamation.png);
2118
}
2119
.reload_icon{
2120
background-image:url(/stabile/static/img/icons/arrow-circle.png);
2121
}
2122
.refresh_icon{
2123
background-image:url(/stabile/static/img/icons/arrow-repeat.png);
2124
}
2125
.reboot_icon{
2126
background-image:url(/stabile/static/img/icons/arrow-circle-double.png);
2127
}
2128
.unjoin_icon {
2129
background-image:url(/stabile/static/img/icons/node-delete.png);
2130
}
2131
.shutdown_icon, .stop_tunnel_icon {
2132
background-image:url(/stabile/static/img/icons/control-power.png);
2133
}
2134
.delete_icon, .deleteentirely_icon, .removesystem_icon {
2135
background-image:url(/stabile/static/img/icons/cross-script.png);
2136
}
2137
.no-clone_icon{
2138
background-image:url(/stabile/static/img/icons/documents-text.png);
2139
}
2140
.clone_icon{
2141
background-image:url(/stabile/static/img/icons/images.png);
2142
}
2143
.convert_icon{
2144
background-image:url(/stabile/static/img/icons/image-export.png);
2145
}
2146
.inject_icon{
2147
background-image:url(/stabile/static/img/icons/bandaid--plus.png);
2148
}
2149
.save_icon{
2150
background-image:url(/stabile/static/img/icons/disk-black.png);
2151
}
2152
.snapshot_icon{
2153
background-image:url(/stabile/static/img/icons/camera--plus.png);
2154
}
2155
.unsnap_icon{
2156
background-image:url(/stabile/static/img/icons/camera--minus.png);
2157
}
2158
.revert_icon{
2159
background-image:url(/stabile/static/img/icons/arrow-return-180-left.png);
2160
}
2161
.master_icon{
2162
background-image:url(/stabile/static/img/icons/image--plus.png);
2163
}
2164
.backup_icon{
2165
background-image:url(/stabile/static/img/icons/umbrella--plus.png);
2166
}
2167
.rebase_icon{
2168
    background-image:url(/stabile/static/img/icons/anchor.png);
2169
}
2170
.unmaster_icon{
2171
background-image:url(/stabile/static/img/icons/image--minus.png);
2172
}
2173
.activate_icon{
2174
background-image:url(/stabile/static/img/icons/network-status.png);
2175
}
2176
.stop_icon{
2177
background-image:url(/stabile/static/img/icons/network-status-busy.png);
2178
}
2179
.deactivate_icon{
2180
background-image:url(/stabile/static/img/icons/network-status-away.png);
2181
}
2182
.system_icon{
2183
    background-image:url(/stabile/static/img/icons/servers.png);
2184
}
2185
.delete_system_icon{
2186
    background-image:url(/stabile/static/img/icons/server--minus.png);
2187
}
2188
.terminal_icon, .console_icon{
2189
    background-image:url(/stabile/static/img/icons/application-terminal.png);
2190
}
2191
.sol_icon {
2192
    background-image:url(/stabile/static/img/icons/system-monitor.png);
2193
}
2194
.start_html5_vnc_viewer_icon,.start_viewer_icon{
2195
background-image:url(/stabile/static/img/icons/application-terminal.png);
2196
}
2197
.stop_viewer_icon{
2198
background-image:url(/stabile/static/img/icons/application-terminal-close.png);
2199
}
2200
.show_stats_icon{
2201
background-image:url(/stabile/static/img/icons/application-monitor.png);
2202
}
2203
.enable_icon{
2204
    background-image:url(/stabile/static/img/icons/status.png);
2205
}
2206
.fail_icon{
2207
    background-image:url(/stabile/static/img/icons/status-busy.png);
2208
}
2209
.acknowledge_icon{
2210
    background-image:url(/stabile/static/img/icons/tick-red.png);
2211
}
2212
.disable2_icon{
2213
    background-image:url(/stabile/static/img/icons/status-offline.png);
2214
}
2215
.disable_icon{
2216
    background-image:url(/stabile/static/img/icons/status-away.png);
2217
}
2218
.resetpassword_icon{
2219
    background-image:url(/stabile/static/img/icons/mail--arrow.png);
2220
}
2221

    
2222

    
2223
.greyInfoIcon{
2224
    background:url("/stabile/static/gfx/question-grey.png") center right no-repeat;
2225
    padding:0 14px 0 0;
2226
    white-space:nowrap;
2227
}
2228

    
2229
/*TOOLTIP - NEEDS WORK*/
2230
.tooltip .dijitButtonNode {
2231
    background:none;
2232
    padding:0;
2233
    margin:1px 2px 2px 2px;
2234
    border:none;
2235
    height:auto;
2236
    width:16px;
2237
}
2238

    
2239
.tooltip .dijitButtonText,
2240
.helpTooltip .dijitArrowButtonInner{
2241
    display: none;
2242
}
2243
.tooltipIconSmall,
2244
.tooltipIcon{
2245
    background:url("/stabile/static/gfx/question-blue.png") no-repeat 0 0 transparent;
2246
    height:16px;
2247
    width:16px;
2248
    vertical-align:top;
2249
}
2250
.tooltipHover .tooltipIconSmall,
2251
.tooltipHover .tooltipIcon{
2252
    background:url("/stabile/static/gfx/question-blue.png") no-repeat 0 -16px transparent;
2253
}
2254

    
2255
.tundra .dijitTooltipContainer {
2256
	background: #ffffff none;
2257
	border: 1px solid #e3e3e3;
2258
	padding: 0;
2259
/*	-webkit-border-radius: 3px;
2260
	-moz-border-radius: 3px;
2261
	border-radius: 3px;*/
2262
}
2263
.tundra .dijitTooltipContents {
2264
	border:1px solid #fff;
2265
	padding:8px;
2266
}
2267

    
2268

    
2269

    
2270

    
2271

    
2272
.tundra .dijitTooltipConnector {
2273
	border:0px;
2274
	z-index: 8;
2275
}
2276
.tundra .dijitTooltipABRight .dijitTooltipConnector {
2277
	left: auto !important;
2278
	right: 3px;
2279
}
2280
.tundra .dijitTooltipBelow .dijitTooltipConnector {
2281
	top: 2px;
2282
	left: 3px;
2283
	background:url(/stabile/static/gfx/tooltipConnectorUp.png) no-repeat top left;
2284
	width:16px;
2285
	height:14px;
2286
}
2287
.dj_ie .tundra .dijitTooltipBelow .dijitTooltipConnector {
2288
	background-image: url(/stabile/static/gfx/tooltipConnectorUp.png);
2289
}
2290
.tundra .dijitTooltipAbove .dijitTooltipConnector {
2291
	bottom: 3px;
2292
	left: 3px;
2293
	background:url(/stabile/static/gfx/tooltipConnectorDown.png) no-repeat top left;
2294
	width:16px;
2295
	height:14px;
2296
}
2297
.dj_ie .tundra .dijitTooltipAbove .dijitTooltipConnector {
2298
	background-image: url(/stabile/static/gfx/tooltipConnectorDown.png);
2299
}
2300
.dj_ie6 .tundra .dijitTooltipAbove .dijitTooltipConnector {
2301
	bottom: -3px;
2302
}
2303
.tundra .dijitTooltipLeft {
2304
	padding-right: 14px;
2305
}
2306
.dj_ie6 .tundra .dijitTooltipLeft {
2307
	padding-left: 15px;
2308
}
2309
.tundra .dijitTooltipLeft .dijitTooltipConnector {
2310
	right: 2px;
2311
	bottom: 3px;
2312
	background:url(/stabile/static/gfx/tooltipConnectorRight.png) no-repeat top left;
2313
	width:16px;
2314
	height:14px;
2315
}
2316
.dj_ie .tundra .dijitTooltipLeft .dijitTooltipConnector {
2317
	background-image: url(/stabile/static/gfx/tooltipConnectorRight.png);
2318
}
2319
.tundra .dijitTooltipRight {
2320
	padding-left: 14px;
2321
}
2322
.tundra .dijitTooltipRight .dijitTooltipConnector {
2323
	left: 3px;
2324
	bottom: 3px;
2325
	background:url(/stabile/static/gfx/tooltipConnectorLeft.png) no-repeat top left;
2326
	width:16px;
2327
	height:14px;
2328
}
2329
.dj_ie .tundra .dijitTooltipRight .dijitTooltipConnector {
2330
	background-image: url(/stabile/static/gfx/tooltipConnectorLeft.png);
2331
}
2332
 .tundra .dijitTooltipContainer,
2333
.dj_webkit .tundra .dijitTooltipContainer {
2334
/*	-webkit-box-shadow: 0px 5px 10px #474747;
2335
	-moz-box-shadow: 0px 5px 10px #474747;
2336
	box-shadow: 0px 5px 10px #474747; */
2337
	border:2px solid #e3e3e3;
2338
/*	-webkit-border-radius: 3px;
2339
	-moz-border-radius: 3px;*/
2340
	border-radius: 3px;
2341
}
2342

    
2343
/*ANTIQUE BROWSERS ARE SO LAST DECADE*/
2344
.dj_ie6 body.tundra *{
2345
/*SMTH BAD*/
2346
}
2347

    
2348
/*SEARCH FOR IMAGES*/
2349
#searchValueTextBox {
2350
	padding:3px;
2351
}
2352

    
2353

    
2354
/** Search Page */
2355

    
2356
.docs #formbutton,
2357
.docs input[type="submit"],
2358
.docs input[type="button"] {
2359
	border:1px solid red;
2360
}
2361

    
2362
// Set up the color and transition time
2363
input[type=button] {
2364
    background-color: #0000aa;
2365
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
2366
}
2367

    
2368
// This is for the click action:
2369
input[type=button]:active {
2370
    background-color: #000099;
2371
    -webkit-transform: rotate(360deg);
2372
}
2373

    
2374
// Set up the color and transition time
2375
input[type=submit] {
2376
    background-color: #0000aa;
2377
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
2378
}
2379

    
2380
// This is for the click action:
2381
input[type=submit]:active {
2382
    background-color: #000099;
2383
    -webkit-transform: rotate(360deg);
2384
}
2385

    
2386

    
2387
#formbutton {
2388
	font-size:2em;
2389
	border:1px solid #112233!important;
2390
}
2391
form div #formbutton,
2392
input[type="button"] {
2393
	border:1px none;
2394
	background:transparent;
2395
	color:#FFF;
2396
}
2397
#search form input{
2398
    padding:0;
2399
    vertical-align:middle;
2400
    padding: 2px 4px 2px 4px;
2401
}
2402
#search form p{
2403
    margin-top:10px;
2404
}
2405
#search li{
2406
    margin-bottom: 10px;
2407
}
2408
#search ul{
2409
    list-style-type: none;
2410
    padding: 0;
2411
    margin: 0;
2412
}
2413

    
2414
#search p{
2415
    margin: 0;
2416
}
2417

    
2418

    
2419
#search h3{
2420
    font-size: 14px;
2421
}
2422

    
2423
#nav{
2424
    margin-left: auto;
2425
    margin-right: auto;
2426
    text-align: center;
2427
    width: 100%;
2428
}
2429
#nav li{
2430
    display: inline;
2431
    margin: 0 2px 0 2px;
2432
    font-size: 14px;
2433
}
2434

    
2435
/*TOASTER*/
2436
.toast {
2437
    opacity: 0.9 !important;
2438
}
2439
.tundra #toaster {
2440
	top:1px !important;
2441
    box-shadow: 0px 1px 4px #474747 !important;
2442
    -moz-box-shadow: 0px 1px 4px #474747 !important;
2443
    -webkit-box-shadow:0px 1px 4px #474747 !important;
2444
}
2445
.tundra .dijitToasterContainer {
2446
}
2447
.tundra .dijitToasterContent {
2448
    border-radius: 4px;
2449
    padding: 0.25em 0.5em 0.5em 0.7em;
2450
    margin:0;
2451
}
2452
.tundra .dijitToasterMessage {
2453
    color:#475E7E;
2454
}
2455
.tundra .dijitToasterError {
2456
    display:none;
2457
}
2458
.tundra .dijitToasterContent hr {
2459
    border-color: #64ba13;
2460
    width:100%;
2461
    margin: 4px 0 4px 0;
2462
}
2463
/* /\*PLUPLOAD*\/ */
2464

    
2465
.dj_ie6 .tundra #uploadDialog .dijitDialogPaneContent {
2466
	padding:10px;
2467
}
2468
.dj_ie6 .tundra #uploadDialog {
2469
	width:472px!important;
2470
}
2471
.dj_ie7 #uploadDialog .dijitDialogTitleBar{
2472
	min-width: 462px;
2473
}
2474

    
2475
/*.uploadButton {
2476
	float:left;	
2477
	margin-right:6px;
2478
}*/
2479

    
2480
.uploadRefresh span {
2481
	display:inline;	
2482
}
2483

    
2484
.ui-progressbar .ui-progressbar-value {
2485
    height: 12px!important;
2486
}
2487

    
2488
/*PLUPLOAD PROGRESS IN IMAGE TAB*/
2489
.border_container_south .plupload_progress {
2490
	margin:4px;
2491
}
2492
.gridButtonContainer .plupload_progress {
2493
	width:220px;
2494
	margin:2px 10px;
2495
	
2496
}
2497
.dj_ie7 .gridButtonContainer .plupload_progress,
2498
.dj_ie6 .gridButtonContainer .plupload_progress {
2499
	position:absolute;
2500
	float:left;
2501
	margin-top:0;
2502
}
2503

    
2504
.gridButtonContainer .plupload_progress_container {
2505
	border:2px solid #e3e3e3;
2506
	width:200px;
2507
	-moz-border-radius: 4px;
2508
	-webkit-border-radius:  4px;
2509
	border-radius:  4px;
2510
	position:absolute;
2511
	top:6px;
2512
	left:110px;
2513
	margin-left:10px;
2514
}
2515
.dj_ie7 .gridButtonContainer .plupload_progress_container,
2516
.dj_ie6 .gridButtonContainer .plupload_progress_container {
2517
	left:0px;
2518
	margin-top: -4px;
2519
}
2520
.gridButtonContainer .plupload_progress_bar {
2521
	height:16px;
2522
	background: url("/stabile/static/gfx/progress_large.png") repeat-x scroll 0 0 #39B54A;
2523
}
2524

    
2525
/* /\* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack *\/ */
2526

    
2527
.clearfix:after {
2528
	clear: both;
2529
	content: ' ';
2530
	display: block;
2531
	font-size: 0;
2532
	line-height: 0;
2533
	visibility: hidden;
2534
	width: 0;
2535
	height: 0;
2536
}
2537

    
2538
* html .clearfix {
2539
	height: 1%;
2540
}
2541

    
2542
.chart h2{
2543
  /*background-color:#D4EDF1;*/
2544
  text-align:center;
2545
  color:#656565;
2546
  margin:0;
2547
  width:100%;
2548
  font-size: 90%;
2549
  display: inline;
2550
}
2551

    
2552
.dojoxLegendNode {
2553
      border: 1px solid #CCC;
2554
      margin:0;
2555
      padding:0;
2556
}
2557
#dojox_charting_widget_Legend_0 {
2558
    position: absolute;
2559
    top: 198px;
2560
    left: 20px;
2561
}
2562
#dojox_charting_widget_Legend_1 {
2563
    position: absolute;
2564
    top: 339px;
2565
    left: 20px;
2566
}
2567
.legendNodeWrapper{
2568
      nobackground-color: #FBFBFB;
2569
      margin: 0;
2570
      padding: 0;
2571
}
2572
.dijitRuleContainer {
2573
  margin-top: 5px;
2574
  margin-bottom: 0;
2575
}
2576

    
2577
.searchQueryInput {
2578
  padding:5px;
2579
 }
2580

    
2581
span.dijitContentPaneLoading {
2582
	display:block;
2583
	position:relative;
2584
	width:200px;
2585
	text-align:center;
2586
	margin:0 auto;
2587
}
2588
.tundra .dijitIconLoading {
2589
}
2590

    
2591
.tundra .dojoxGridLoading {
2592
}
2593

    
2594
.plupload_progress::before {
2595
    content: "\e025";
2596
    position: absolute;
2597
    left: -20px;
2598
    font-family: 'Glyphicons Halflings';
2599
    font-style: normal;
2600
    font-weight: 400;
2601
    line-height: 1;
2602
    -moz-osx-font-smoothing: grayscale;
2603
}
2604

    
2605
.missingbackups::before {
2606
    content: " ";
2607
    background-image: url("../img/icons/umbrella.png");
2608
    background-repeat: no-repeat;
2609
    display: inline-block;
2610
    height: 16px;
2611
    line-height: 16px;
2612
    vertical-align: text-bottom;
2613
    width: 22px;
2614
}
(4-4/16)