Subversion-Projekte lars-tiefland.zeldi.de

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
2 lars 1
:-moz-any-link :focus {
2
	outline: none;
3
}
4
 
5
:focus {
6
	-moz-outline-style: none;
7
	outline: none;
8
}
9
 
10
body {
11
	font-size: 80%;
12
	margin: 0;
13
	padding: 0;
14
	font-family: tahoma, geneva, sans-serif;
15
	background-color: #000000;
16
}
17
 
18
a {
19
	color: #0653AB;
20
	outline: 0px;
21
	text-decoration: none;
22
}
23
 
24
a:hover {
25
	outline: 0px;
26
	text-decoration: underline;
27
}
28
 
29
img {
30
	border: 0px;
31
}
32
 
33
/* s1.0 - Page Containers */
34
#letterbox {
35
	margin: 10px auto;
36
	width: 883px;
37
	background-color: #364158;
38
	border: 8px solid #D4D4D4;
39
	padding: 1px 1px 10px 1px;
40
}
41
 
42
#header-background {
43
	background: url(images/back_nav_blue.gif) repeat-x;
44
	margin: 0px auto;
45
	padding: 0px;
46
	height: 73px;
47
	width: 883px;
48
	border-top: 4px solid #CCEAFE;
49
	border-bottom: 4px solid #D4D4D4;
50
}
51
 
52
#page-container {
53
	width: 866px;
54
	margin: 0px auto;
55
	margin-top: 33px; /* pad from top menu to actions buts*/
56
	margin-bottom: -11px;
57
	padding-top: 8px;
58
	padding-bottom: 8px;
59
	background-color: #D4D4D4; /* light grey*/
60
	border-right: 1px solid #464646;
61
}
62
 
63
#page-content-inner {
64
	width: 849px;
65
	margin: 0px auto;
66
	border-top: 1px solid #9F9FA0;
67
	border-left: 1px solid #A2A09A;
68
	background-color: #F4F1E9;
69
	position: relative;
70
}
71
 
72
#page-content-inner #col-left {
73
	width: 210px;
74
	float: left;
75
	background-color: #F4F1E9;
76
}
77
 
78
#page-content-inner #col-main {
79
	width: 639px;
80
	background-color: #ffffff;
81
	position: absolute;
82
	right: 0px;
83
	top: 0px;
84
}
85
 
86
#footer-container {
87
	width: 866px;
88
	position: relative;
89
	left: 8px;
90
	padding: 2px 0px 10px 0px;
91
	background-color: #D4D4D4; /* light grey*/
92
}
93
 
94
/* s2.0 - Global navigation bar */
95
.nav-global-container {
96
	width: 880px;
97
	margin: 0px auto;
98
	position: relative;
99
}
100
 
101
* html .nav-global-container { /* ie6 fix*/
102
	margin-bottom: -6px;
103
}
104
 
105
.login {
106
	position: absolute;
107
	right: 20px;
108
	text-align: center;
109
}
110
 
111
.login a,.login a span {
112
	display: block;
113
	height: 18px;
114
	font-size: 11px;
115
	background: url(images/login-sprite.gif) right -5px no-repeat;
116
	text-decoration: none;
117
	font-weight: bold;
118
	padding: 5px 10px 5px 10px;
119
	position: relative;
120
}
121
 
122
.login a:hover {
123
	color: #000000;
124
	text-decoration: underline;
125
}
126
 
127
div.login a span {
128
	background-position: left -105px;
129
	width: 4px;
130
	position: absolute;
131
	top: 0px;
132
	left: 0px;
133
	padding: 5px 0px 5px 0px;;
134
}
135
 
136
div.login a:hover span {
137
 
138
}
139
 
140
.logo {
141
	float: left;
142
	margin: 0px 0px -5px 0px; /* neg marging for ie6 */
143
}
144
 
145
.logo img {
146
	border: 0px;
147
	margin-left: -1px;
148
}
149
 
150
.nav-global {
151
	float: left;
152
	width: 645px;
153
	margin: 40px 0px 0px 40px;
154
	background-color: transparent;
155
}
156
 
157
.nav-global ul {
158
	margin: 0px;
159
	padding: 0px;
160
	list-style: none;
161
}
162
 
163
.nav-global li {
164
	float: left;
165
	white-space: nowrap;
166
}
167
 
168
div.nav-global li a,div.nav-global li a span {
169
	background-image: url(images/tab-sprite.gif);
170
	background-position: right 100px;
171
	background-repeat: no-repeat;
172
	height: 32px;
173
	color: #666666;
174
	text-decoration: none;
175
	font: bold 16px 'trebuchet ms';
176
	margin-right: 15px;
177
	display: block;
178
	position: relative;
179
	padding: 7px 15px 0px 15px;
180
}
181
 
182
div.nav-global li a:hover {
183
	background-position: right 0px;
184
	color: #333333;
185
}
186
 
187
div.nav-global li a:hover span {
188
	background-position: left -100px;
189
	display: block !important;
190
}
191
 
192
div.nav-global li a span {
193
	background-position: left 150px;
194
	width: 4px;
195
	position: absolute;
196
	left: 0px;
197
	top: 0px;
198
	padding: 7px 0px 0px 0px;
199
}
200
 
201
body.safari div.nav-global li a span {
202
	display: none;
203
}
204
 
205
div.nav-global li a.on,div.nav-global li a.on:hover {
206
	background-position: right -55px;
207
	color: #FFFFFF;
208
}
209
 
210
div.nav-global li a.on span,div.nav-global li a.on:hover span {
211
	background-position: left -155px;
212
	display: block !important;
213
}
214
 
215
div.action-container {
216
	position: relative;
217
	top: -45px;
218
	cursor: pointer;
219
}
220
 
221
div.action-icon-container {
222
	position: absolute;
223
	top: -17px;
224
	left: -17px;
225
	z-index: 10;
226
	width: 100px;
227
	height: 100px;
228
	overflow: hidden;
229
}
230
 
231
div.action-icon {
232
	border: 0px;
233
	position: absolute;
234
	top: -0px;
235
	left: 0px;
236
}
237
 
238
div.action-button-container {
239
	height: 106px;
240
	width: 180px;
241
	overflow: hidden;
242
	position: absolute;
243
	top: 0px;
244
	left: 0px;
245
	z-index: 5;
246
}
247
 
248
img.action-icon {
249
	border: 0px;
250
	position: absolute;
251
	top: 0px;
252
	left: 0px;
253
	z-index: 0
254
}
255
 
256
div.action-text {
257
	z-index: 20;
258
	color: #FFFFFF;
259
	position: absolute;
260
	left: 40px;
261
	top: 12px;
262
	font: 14px tahoma, geneva;
263
	padding-top: 30px;
264
}
265
 
266
div.bigbuttons {
267
	top: -20px;
268
}
269
 
270
div.action-header {
271
	z-index: 21;
272
	position: absolute;
273
	left: 40px;
274
	top: 10px;
275
}
276
 
277
div.action-header b {
278
	font: bold 17px tahoma, geneva;
279
	display: block;
280
	margin-bottom: 10px;
281
	color: #0b2c89;
282
	position: absolute;
283
	top: 0px;
284
	left: 0px;
285
	width: 130px;
286
}
287
 
288
div.action-header b.shadow {
289
	top: 1px;
290
	left: 1px;
291
	color: #d5d5d5;
292
}
293
 
294
img.action-button {
295
	position: relative;
296
}
297
 
298
div.hover img.action-button {
299
	top: -131px;
300
}
301
 
302
div.on img.action-button {
303
	top: -261px;
304
}
305
 
306
/* s3.0 - top of content Action Buttons */
307
.action-buttons {
308
	width: 100%; /* ie6 requires */
309
}
310
 
311
.action-buttons ul {
312
	position: relative;
313
	padding: 0px;
314
}
315
 
316
.action-buttons li {
317
	position: relative; /* ie6 fix */
318
	float: left;
319
	list-style: none;
320
	text-align: center;
321
	line-height: 16px;
322
	margin: -61px 0px 0px 0px;
323
}
324
 
325
.action-home li {
326
	margin: -49px 0px 0px 0px;
327
}
328
 
329
.action-buttons  a {
330
	display: block;
331
	height: 110px;
332
	width: 175px;
333
	padding: 14px 0px 0px 25px;
334
	text-decoration: none;
335
	font-size: 12px;
336
	font-weight: bold;
337
	color: #ffffff;
338
}
339
 
340
.action-buttons li span {
341
	color: #053880;
342
	line-height: 47px;
343
	font-size: 17px;
344
}
345
 
346
div.action-bottom {
347
	margin: 15px 0px 10px 0px;
348
	float: left;
349
}
350
 
351
div.action-bottom a {
352
	height: 61px;
353
	width: 178px;
354
	border: 0px;
355
	background: url(images/action-bottom.gif) no-repeat 0px 0px;
356
	color: #0b2c89;
357
	float: left;
358
	position: relative;
359
	font: bold 17px tahoma, geneva;
360
	text-decoration: none;
361
	margin-right: 10px;
362
}
363
 
364
div.action-bottom a span {
365
	position: absolute;
366
	top: 15px;
367
	left: 40px;
368
}
369
 
370
div.action-bottom a span.shadow {
371
	top: 16px;
372
	left: 41px;
373
	color: #d4d4d4;
374
}
375
 
376
.line-grey {
377
	background: url(images/line-grey.gif) 0 0 repeat-x;
378
	height: 2px;
379
	margin: 8px 25px 20px 0;
380
}
381
 
382
/* s4.0 - Home Hero Area */
383
.hero-background {
384
	position: relative;
385
	width: 880px;
386
	background: url(images/back_home-hero.jpg) 10px 0px no-repeat;
387
	height: 211px;
388
	margin: -20px 0px 45px 0px;
389
}
390
 
391
.hero-text {
392
	float: right;
393
	width: 626px;
394
	margin-top: 26px;
395
}
396
 
397
.hero-text a { /* Sign Up Now Button */
398
	padding: 5px 32px 0px 0px;
399
	float: right;
400
}
401
 
402
.hero-text h1 {
403
	font-size: 2.3em;
404
	line-height: 1.2em;
405
	color: #333333;
406
	font-family: Trebuchet MS;
407
	margin: 12px 0px 10px 10px;
408
}
409
 
410
.hero-text h2 {
411
	margin: 0px;
412
	font-weight: normal;
413
	font-size: 1.35em;
414
	margin: 5px 0px 13px 10px
415
}
416
 
417
/* s4.1 - Home Left Header tab */
418
.col-left-header-tab {
419
	position: relative; /* ie6 fix */
420
	background: url(images/tab_green.gif) 0 0 no-repeat;
421
	height: 30px;
422
	width: 166px;
423
	text-align: center;
424
	color: #ffffff;
425
	font: 20px 'trebuchet ms';
426
	padding-top: 2px;
427
	margin-top: -41px;
428
	margin-left: 20px;
429
	line-height: 29px;
430
	margin-bottom: 8px;
431
	display: block;
432
}
433
 
434
.col-left-header-tab a {
435
	color: #FFFFFF;
436
}
437
 
438
.callout-green {
439
	background: url(images/back_green-fade.gif) 0 0 repeat-x;
440
	font-size: 1.2em;
441
	padding: 10px 15px 20px 13px;
442
	color: #303B52;
443
	line-height: 1.4em;
444
}
445
 
446
/* s4.2 - Home Left Quote */
447
.callout-tan {
448
	color: #666666;
449
}
450
 
451
.callout-tan h1 {
452
	background: #F4F1E9 url(images/back_tan-fade.gif) 0 0 repeat-y;
453
	font-size: 1.1em;
454
	text-align: center;
455
	margin: 0px;
456
	padding: 11px 5px 11px 2px;
457
	color: #333333;
458
}
459
 
460
.callout-tan p {
461
	margin: 0px;
462
	margin-top: 5px;
463
	line-height: 1.4em;
464
	padding: 5px 10px 7px 13px;
465
}
466
 
467
.callout-tan p img {
468
	float: left;
469
	margin: 5px 10px 5px 0px;
470
}
471
 
472
.callout-tan div {
473
	text-align: left;
474
	padding: 5px 10px 7px 0px;
475
	font-weight: bold;
476
}
477
 
478
/* s4.3 - purple home boxes */
479
.box-purple {
480
	background: #C6C8E3 url(images/back_home-icons.png) 0px 0px repeat-x;
481
	border-left: 1px solid #ffffff;
482
	color: #333333;
483
	width: 581px;
484
	padding: 10px 15px 20px 15px;
485
}
486
 
487
div.box-purple a {
488
 
489
}
490
 
491
.box-purple h1 {
492
	font-size: 1.5em;
493
	margin: 10px 0px -15px 0px;
494
}
495
 
496
.box-purple li {
497
	margin: 0px 0px 0px -23px;
498
	line-height: 1.6em;
499
	font-size: 1em;
500
}
501
 
502
.box-purple  div {
503
	padding: 0px 0px 0px 110px;
504
}
505
 
506
.icon-text01 {
507
	background-image: url(images/icon_search-engine-market.png);
508
	background-repeat: no-repeat;
509
}
510
 
511
* html .icon-text01 {
512
	width: 460px; /* must have a width or heigh tag for ie6*/
513
	background-image: none;
514
	filter: progid : DXImageTransform . Microsoft .
515
		AlphaImageLoader(src = "images/icon_search-engine-market.png",
516
		sizingMethod = "crop");
517
}
518
 
519
.icon-text02 {
520
	background: url(images/icon_landing-pages.png) 0 0 no-repeat;
521
}
522
 
523
* html .icon-text02 {
524
	width: 460px; /* must have a width or heigh tag for ie6*/
525
	background-image: none;
526
	filter: progid : DXImageTransform . Microsoft .
527
		AlphaImageLoader(src = "images/icon_landing-pages.png", sizingMethod =
528
		"crop");
529
}
530
 
531
.icon-text03 {
532
	background: url(images/icon_salesforce.png) 0 0 no-repeat;
533
}
534
 
535
* html .icon-text03 {
536
	width: 460px; /* must have a width or heigh tag for ie6*/
537
	background-image: none;
538
	filter: progid : DXImageTransform . Microsoft .
539
		AlphaImageLoader(src = "images/icon_salesforce.png", sizingMethod =
540
		"crop");
541
}
542
 
543
/* s4.4 - news home boxes */
544
.callout-news {
545
	color: #555555;
546
	float: left;
547
	width: 49%;
548
	margin: 10px 1px 0px 0px;
549
	padding-bottom: 20px;
550
	text-align: left;
551
}
552
 
553
.line-news-r {
554
	border-right: 1px solid #D4D4D4;
555
}
556
 
557
.callout-news h1 {
558
	background-color: #EEEEEE;
559
	font-size: 1.2em;
560
	margin: 0px;
561
	padding: 11px 5px 11px 15px;
562
	color: #333333;
563
}
564
 
565
.callout-news p {
566
	margin: 10px 0px 0px 10px;
567
	padding: 0px 10px 7px 20px;
568
	background: url(images/news.gif) no-repeat left 1px;
569
}
570
 
571
.callout-news p a {
572
 
573
}
574
 
575
.callout-news ul {
576
	list-style-type: none;
577
	padding: 0;
578
	margin: 10px 0 0 10px;
579
}
580
 
581
.callout-news li {
582
	background: url(images/icon_news.gif) no-repeat left 2px;
583
	padding: 0px 5px 5px 20px;
584
}
585
 
586
.callout-news li a {
587
	display: block;
588
	margin-bottom: 5px;
589
}
590
 
591
.callout-news div {
592
	text-align: right;
593
}
594
 
595
#scrollup {
596
	position: relative;
597
	overflow: hidden;
598
	height: 440px;
599
	width: 200px
600
}
601
 
602
.headline {
603
	position: absolute;
604
	top: 600px;
605
	left: 5px;
606
	height: 585px;
607
	width: 190px;
608
	font: normal 12px tahoma, geneva !important;
609
}
610
 
611
div.more {
612
	margin: 5px 0px 0px 0px;
613
	padding: 0px 10px 0px 0px;
614
	letter-spacing: inherit;
615
}
616
 
617
div.more a {
618
	background: transparent url(images/arrow_r-blue.gif) no-repeat right 2px
619
		;
620
	font-weight: bold;
621
	padding: 0px 20px 0px 0px;
622
	font-weight: bold;
623
	text-decoration: none;
624
}
625
 
626
div.more a:hover {
627
	text-decoration: underline;
628
}
629
 
630
/* sX.0 - Left Nav */
631
.nav-left-back {
632
	background: url(images/back_nav_side.gif) 0 0 repeat-x;
633
}
634
 
635
div.empty {
636
	background: #F1F0E5 url(images/back_green-fade.gif) 0 0 repeat-x;
637
}
638
 
639
div.empty div.callout-green {
640
 
641
}
642
 
643
.nav-left {
644
	padding-top: 12px;
645
	/*background: url(images/logo_marketo_square.gif) 0 0 no-repeat;*/
646
	width: 210px;
647
}
648
 
649
.nav-left ul {
650
	margin: 0px;
651
	padding: 0px;
652
	list-style: none;
653
}
654
 
655
.nav-left li a {
656
	display: block;
657
	height: 24px;
658
	text-decoration: none;
659
	font-size: 12px;
660
	font-weight: bold;
661
	color: #ffffff;
662
	border-top: 1px solid #B3D38D;
663
	border-bottom: 1px solid #7CA84E;
664
	border-left: 1px solid #97B973;
665
	padding: 6px 0px 0px 20px;
666
}
667
 
668
.nav-left a:hover,.nav-left a.active:hover,#nav-left-sub a:hover {
669
	color: #4C6F28;
670
	background-color: #F4F1E9;
671
}
672
 
673
.nav-left a.open {
674
	background-image: url(images/arrow_d-green.gif);
675
	background-repeat: no-repeat;
676
	background-position: 6px 11px;
677
}
678
 
679
.nav-left-header-tab {
680
	position: relative; /* ie6 fix */
681
	background: url(images/tab_green.gif) 0 0 no-repeat;
682
	height: 32px;
683
	width: 166px;
684
	text-align: center;
685
	color: #ffffff;
686
	margin: -41px 0px 0px 22px;
687
	line-height: 22px;
688
	margin-bottom: 8px;
689
	display: block;
690
}
691
 
692
div.empty div.nav-left-header-tab {
693
	background: url(images/tab_green2.gif) 0 0 no-repeat;
694
}
695
 
696
.nav-left a.active {
697
	/* background: url(images/arrow_d-green.gif) 5px 10px no-repeat; */
698
	display: block;
699
	height: 24px;
700
	text-decoration: none;
701
	font-size: 12px;
702
	font-weight: bold;
703
	background-color: #F4F1E9;
704
	color: #4C6F28;
705
	border-top: 1px solid #D1E5BB;
706
	border-bottom: 1px solid #B0CB95;
707
	border-left: 1px solid #DADADA;
708
	padding: 6px 0px 0px 20px;
709
}
710
 
711
#nav-left-sub a {
712
	display: block;
713
	height: 24px;
714
	text-decoration: none;
715
	font-size: 12px;
716
	font-weight: bold;
717
	background-color: #D6E8C4;
718
	color: #4C6F28;
719
	border-top: 1px solid #D6E8C4;
720
	border-bottom: 1px solid #B0CB95;
721
	border-left: 1px solid #97B973;
722
	border-right: 1px solid #8DBE5A;
723
	padding: 6px 0px 0px 30px;
724
}
725
 
726
* html #nav-left-sub { /* ie6 fix */
727
	margin-top: -1px;
728
}
729
 
730
*+html #nav-left-sub { /* ie7 fix */
731
	margin-top: -1px;
732
}
733
 
734
#nav-left-sub a.active-page {
735
	display: block;
736
	height: 24px;
737
	text-decoration: none;
738
	font-size: 12px;
739
	font-weight: bold;
740
	background-color: #ffffff;
741
	color: #666666;
742
	border-top: 0px solid #7CA84E;
743
	border-bottom: 1px solid #B0CB95;
744
	border-left: 1px solid #97B973;
745
	border-right: 0px solid #8DBE5A;
746
	padding: 6px 0px 0px 30px;
747
	cursor: default; /* turns off hand icon for link */
748
}
749
 
750
/* sX.0 -  Main Content */
751
.main-content {
752
	color: #666666;
753
	position: absolute;
754
	right: 20px;
755
	padding-top: 20px;
756
	width: 585px;
757
	padding-bottom: 20px;
758
}
759
 
760
div.main-content div.main-content {
761
 
762
}
763
 
764
.main-content h1 {
765
	color: #5890D1;
766
	font-size: 1.9em;
767
	font-family: Trebuchet MS;
768
	border-bottom: 1px solid #cccccc;
769
	margin: 0px 10px 0px 0px;
770
}
771
 
772
.main-content h2 {
773
	color: #666666;
774
	font-size: 1.3em;
775
	font-weight: normal;
776
	margin: 10px 10px 5px 0px;
777
}
778
 
779
.main-content p {
780
	margin: 10px 10px 10px 0px;
781
	line-height: 1.55em;
782
}
783
 
784
/* sX.1 -  Main Content Sub Styles */
785
.sub-grey {
786
	border-top: 1px solid #D4D4D4;
787
	border-bottom: 1px solid #D4D4D4;
788
	background-color: #F4F4F4;
789
	margin: 10px 10px 0px 0px;
790
	padding: 0px 10px 20px 15px;
791
}
792
 
793
.sub-white {
794
	margin: 10px 10px 0px 0px;
795
	padding: 0px 10px 20px 15px;
796
}
797
 
798
img.screen-grab-r {
799
	margin-right: -8px;
800
	text-align: right;
801
	padding: 0px 0px 0px 10px;
802
}
803
 
804
div.main-content a.screenshot {
805
	float: right;
806
	padding: 10px 10px 0px 0px
807
}
808
 
809
.content-foot {
810
	border-top: 1px solid #D4D4D4;
811
	font-size: .9em;
812
	line-height: 1.45em;
813
	margin: 10px 20px 0px 0px;
814
	padding: 10px 10px 30px 0px;
815
}
816
 
817
div.main-content ul {
818
	position: relative;
819
	left: -25px;
820
}
821
 
822
div.main-content li {
823
	margin-bottom: 5px;
824
	list-style-type: disc
825
}
826
 
827
div.main-content li a {
828
	color: #6A6CB0;
829
}
830
 
831
/* sX.0 - Footer */
832
div.footer {
833
	color: #666666;
834
	font-size: .85em;
835
	font-weight: normal;
836
	height: 18px;
837
	margin: 0px auto;
838
	font-family: Tahoma, Geneva, sans-serif;
839
	margin-top: 10px;
840
}
841
 
842
.footer ul {
843
	list-style-type: none;
844
}
845
 
846
.footer li {
847
	float: left;
848
	border-right: 1px solid #666666;
849
	padding: 0px 7px 0px 7px;
850
	margin-top: 3px;
851
}
852
 
853
.footer a {
854
	color: #666666;
855
	text-decoration: none;
856
}
857
 
858
.footer a:hover {
859
	color: #0653AB;
860
	text-decoration: none;
861
}
862
 
863
.footer li.line-off {
864
	border-right: 0px solid #ffffff;
865
}
866
 
867
div.footer strong {
868
	font-weight: normal;
869
}
870
 
871
/* sX.0 - General Colors */
872
.line-grey,.line-grey-tier {
873
	border-top: 1px solid #A3A3A2;
874
}
875
 
876
.line-grey-tier {
877
	padding-bottom: 25px;
878
}
879
 
880
.bottom {
881
	height: 10px;
882
}
883
 
884
div.p10bottom {
885
	padding-bottom: 10px;
886
}
887
 
888
.clear {
889
	clear: both;
890
}
891
 
892
table.grid {
893
	background: #EEEEEE;
894
}
895
 
896
table.grid th {
897
	background-color: #F4F4F4;
898
}
899
 
900
table.grid td {
901
	background-color: #FFFFFF;
902
}
903
 
904
div.buttonSubmit {
905
	position: relative;
906
}
907
 
908
div.buttonSubmit input,div.buttonSubmit span {
909
	height: 36px;
910
	position: relative;
911
	background-image: url(images/button-submit.gif);
912
	background-repeat: no-repeat;
913
	background-position: right 0px;
914
	float: left;
915
	color: #FFFFFF;
916
	font-weight: bold;
917
	padding: 0px 15px 2px 15px;
918
	margin: 20px 0px 20px 0px;
919
	border: 0px;
920
	cursor: pointer;
921
	z-index: 5;
922
}
923
 
924
div.buttonSubmit input {
925
	width: auto;
926
}
927
 
928
div.buttonSubmit span {
929
	width: 4px;
930
	position: absolute;
931
	left: 0px;
932
	top: 0px;
933
	background-position: left -36px;
934
	padding: 0px 0px 0px 0px;
935
	z-index: 10;
936
}
937
 
938
body.safari div.buttonSubmit span {
939
	display: none
940
}
941
 
942
div.buttonSubmitHover input {
943
	background-position: right -72px;
944
}
945
 
946
div.buttonSubmitHover span {
947
	background-position: left -108px;
948
}
949
 
950
a.demoLink {
951
	padding: 1px 10px 0px 17px;
952
	height: 24px;
953
	background: url(images/bullet_triangle_blue.gif) no-repeat 0px 4px;
954
	display: block;
955
	float: left;
956
}
957
 
958
div.callout-tan a {
959
	background: none;
960
	color: #0653AB;
961
	margin: auto;
962
	display: block;
963
}
964
 
965
div.callout-tan a:hover {
966
	background: none;
967
	color: #0653AB;
968
}
969
 
970
label.error {
971
	display: block;
972
	color: red;
973
	font-style: italic;
974
	font-weight: normal;
975
}
976
 
977
input.error {
978
	border: 2px solid red;
979
}
980
 
981
p.demoBlock {
982
	border-bottom: 1px solid #DDDDDD;
983
	padding-bottom: 10px;
984
}
985
 
986
div.left-nav-callout {
987
	height: 200px;
988
	width: 190px;
989
	top: 55px;
990
	left: 5px;
991
	position: relative;
992
	padding-left: 9px;
993
	padding-top: 13px;
994
}
995
 
996
div.left-nav-callout img.png {
997
	position: absolute;
998
	z-index: 0;
999
	top: 0px;
1000
	left: 0px;
1001
}
1002
 
1003
div.left-nav-callout h6 {
1004
	font: bold 14px tahoma, geneva;
1005
	color: #333333;
1006
	height: 36px;
1007
	padding-left: 5px;
1008
	margin: 0px;
1009
	position: relative;
1010
	z-index: 10;
1011
}
1012
 
1013
div.left-nav-callout a {
1014
	background: url(images/monitor24.gif) no-repeat 0px center;
1015
	padding: 5px 0px 5px 30px;
1016
	display: block;
1017
	font: bold 12px tahoma, geneva;
1018
	color: #336699;
1019
	margin-bottom: 5px;
1020
	position: relative;
1021
	z-index: 10;
1022
	width: 140px;
1023
}
1024
 
1025
form table td {
1026
	padding: 5px;
1027
}
1028
 
1029
form table input {
1030
	width: 200px;
1031
	padding: 3px;
1032
	margin: 0px;
1033
}
1034
 
1035
textarea {
1036
	width: 400px
1037
}
1038
 
1039
td.label {
1040
	width: 150px;
1041
}
1042
 
1043
tr.required td.label {
1044
	font-weight: bold;
1045
	background: url(/images/forms/backRequiredGray.gif) no-repeat right
1046
		center;
1047
}
1048
 
1049
div.subTableDiv {
1050
	width: 500px;
1051
}
1052
 
1053
div.subTableDiv td.label {
1054
	width: 135px;
1055
}
1056
 
1057
ul#homeBlog li div.description {
1058
	display: none;
1059
}
1060
 
1061
td.field input.error, td.field select.error, tr.errorRow td.field input,tr.errorRow td.field select {
1062
	border: 2px solid red;
1063
	background-color: #FFFFD5;
1064
	margin: 0px;
1065
	color: red;
1066
}
1067
 
1068
tr td.field div.formError {
1069
	display: none;
1070
	color: #FF0000;
1071
}
1072
 
1073
tr.errorRow td.field div.formError {
1074
	display: block;
1075
	font-weight: normal;
1076
}
1077
 
1078
div.error {
1079
	color: red;
1080
}
1081
 
1082
div.error a {
1083
	color: #336699;
1084
	font-size: 12px;
1085
	text-decoration: underline
1086
}
1087
 
1088
div.tooltip {
1089
	position: absolute;
1090
	left: 30px;
1091
	bottom: 0px;
1092
	display: none; /* in case javascript is disabled */
1093
	width: 170px;
1094
	background-color: #F4F1E9;
1095
	z-index: 100;
1096
	padding: 10px;
1097
	border: 1px solid #CCCCCC;
1098
}
1099
 
1100
div.offerbox {
1101
	width: 125px;
1102
	float: left;
1103
	position: relative;
1104
}
1105
 
1106
div.offerbox h3 {
1107
	font: bold 17px tahoma, geneva;
1108
	color: #333333;
1109
	height: 55px;
1110
	margin: 0px auto;
1111
	text-align: center;
1112
}
1113
 
1114
div.offerbox h4 {
1115
	height: 100px;
1116
	font: normal 13px tahoma, geneva;
1117
	margin: 0px;
1118
}
1119
 
1120
div.offerbox h5 {
1121
	font: bold 14px tahoma, geneva;
1122
	margin: 0px;
1123
	height: 55px;
1124
}
1125
 
1126
div.offerbox h5 small {
1127
	float: left;
1128
	font-weight: normal;
1129
	font-size: 10px;
1130
}
1131
 
1132
div.offerbox div.learnmore {
1133
	padding-left: 25px;
1134
}
1135
 
1136
div#marketoEditions {
1137
	background: url(images/buynowBack.gif) no-repeat;
1138
	width: 584px;
1139
	height: 376px;
1140
	float: left;
1141
	position: relative;
1142
	margin-bottom: 10px;
1143
}
1144
 
1145
div.offerHeader {
1146
	background: #0D8BBD;
1147
	position: absolute;
1148
	top: 20px;
1149
	width: 266px;
1150
	height: 34px;
1151
	border: 1px solid #e1e4e2;
1152
}
1153
 
1154
div.offerHeader span {
1155
	font: 20px 'trebuchet ms';
1156
	color: #FFFFFF;
1157
	position: absolute;
1158
	left: 0px;
1159
	top: 0px;
1160
}
1161
 
1162
div.offerHeader span.shadow {
1163
	font: 20px 'trebuchet ms';
1164
	color: #333333;
1165
	position: absolute;
1166
}
1167
 
1168
div.offerbox div.buttonSubmit {
1169
	margin: 5px 0px 0px 10px;
1170
}
1171
 
1172
div.footerAddress {
1173
	position: absolute;
1174
	bottom: 30px;
1175
	left: 20px;
1176
	color: #666666;
1177
	font-size: 11px;
1178
	display: none;
1179
}