PageRenderTime 78ms CodeModel.GetById 2ms app.highlight 70ms RepoModel.GetById 1ms app.codeStats 0ms

/lib/jquery-validate/demo/marketo/stylesheet.css

#
CSS | 1179 lines | 980 code | 184 blank | 15 comment | 0 complexity | 8f20154f1b6762ee1be0b4e8fcfc9f25 MD5 | raw file
   1:-moz-any-link :focus {
   2	outline: none;
   3}
   4
   5:focus {
   6	-moz-outline-style: none;
   7	outline: none;
   8}
   9
  10body {
  11	font-size: 80%;
  12	margin: 0;
  13	padding: 0;
  14	font-family: tahoma, geneva, sans-serif;
  15	background-color: #000000;
  16}
  17
  18a {
  19	color: #0653AB;
  20	outline: 0px;
  21	text-decoration: none;
  22}
  23
  24a:hover {
  25	outline: 0px;
  26	text-decoration: underline;
  27}
  28
  29img {
  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
 127div.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
 136div.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
 168div.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
 182div.nav-global li a:hover {
 183	background-position: right 0px;
 184	color: #333333;
 185}
 186
 187div.nav-global li a:hover span {
 188	background-position: left -100px;
 189	display: block !important;
 190}
 191
 192div.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
 201body.safari div.nav-global li a span {
 202	display: none;
 203}
 204
 205div.nav-global li a.on,div.nav-global li a.on:hover {
 206	background-position: right -55px;
 207	color: #FFFFFF;
 208}
 209
 210div.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
 215div.action-container {
 216	position: relative;
 217	top: -45px;
 218	cursor: pointer;
 219}
 220
 221div.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
 231div.action-icon {
 232	border: 0px;
 233	position: absolute;
 234	top: -0px;
 235	left: 0px;
 236}
 237
 238div.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
 248img.action-icon {
 249	border: 0px;
 250	position: absolute;
 251	top: 0px;
 252	left: 0px;
 253	z-index: 0
 254}
 255
 256div.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
 266div.bigbuttons {
 267	top: -20px;
 268}
 269
 270div.action-header {
 271	z-index: 21;
 272	position: absolute;
 273	left: 40px;
 274	top: 10px;
 275}
 276
 277div.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
 288div.action-header b.shadow {
 289	top: 1px;
 290	left: 1px;
 291	color: #d5d5d5;
 292}
 293
 294img.action-button {
 295	position: relative;
 296}
 297
 298div.hover img.action-button {
 299	top: -131px;
 300}
 301
 302div.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
 346div.action-bottom {
 347	margin: 15px 0px 10px 0px;
 348	float: left;
 349}
 350
 351div.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
 364div.action-bottom a span {
 365	position: absolute;
 366	top: 15px;
 367	left: 40px;
 368}
 369
 370div.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
 487div.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
 611div.more {
 612	margin: 5px 0px 0px 0px;
 613	padding: 0px 10px 0px 0px;
 614	letter-spacing: inherit;
 615}
 616
 617div.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
 626div.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
 635div.empty {
 636	background: #F1F0E5 url(images/back_green-fade.gif) 0 0 repeat-x;
 637}
 638
 639div.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
 692div.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
 760div.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
 798img.screen-grab-r {
 799	margin-right: -8px;
 800	text-align: right;
 801	padding: 0px 0px 0px 10px;
 802}
 803
 804div.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
 817div.main-content ul {
 818	position: relative;
 819	left: -25px;
 820}
 821
 822div.main-content li {
 823	margin-bottom: 5px;
 824	list-style-type: disc
 825}
 826
 827div.main-content li a {
 828	color: #6A6CB0;
 829}
 830
 831/* sX.0 - Footer */
 832div.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
 867div.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
 884div.p10bottom {
 885	padding-bottom: 10px;
 886}
 887
 888.clear {
 889	clear: both;
 890}
 891
 892table.grid {
 893	background: #EEEEEE;
 894}
 895
 896table.grid th {
 897	background-color: #F4F4F4;
 898}
 899
 900table.grid td {
 901	background-color: #FFFFFF;
 902}
 903
 904div.buttonSubmit {
 905	position: relative;
 906}
 907
 908div.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
 924div.buttonSubmit input {
 925	width: auto;
 926}
 927
 928div.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
 938body.safari div.buttonSubmit span {
 939	display: none
 940}
 941
 942div.buttonSubmitHover input {
 943	background-position: right -72px;
 944}
 945
 946div.buttonSubmitHover span {
 947	background-position: left -108px;
 948}
 949
 950a.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
 958div.callout-tan a {
 959	background: none;
 960	color: #0653AB;
 961	margin: auto;
 962	display: block;
 963}
 964
 965div.callout-tan a:hover {
 966	background: none;
 967	color: #0653AB;
 968}
 969
 970label.error {
 971	display: block;
 972	color: red;
 973	font-style: italic;
 974	font-weight: normal;
 975}
 976
 977input.error {
 978	border: 2px solid red;
 979}
 980
 981p.demoBlock {
 982	border-bottom: 1px solid #DDDDDD;
 983	padding-bottom: 10px;
 984}
 985
 986div.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
 996div.left-nav-callout img.png {
 997	position: absolute;
 998	z-index: 0;
 999	top: 0px;
1000	left: 0px;
1001}
1002
1003div.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
1013div.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
1025form table td {
1026	padding: 5px;
1027}
1028
1029form table input {
1030	width: 200px;
1031	padding: 3px;
1032	margin: 0px;
1033}
1034
1035textarea {
1036	width: 400px
1037}
1038
1039td.label {
1040	width: 150px;
1041}
1042
1043tr.required td.label {
1044	font-weight: bold;
1045	background: url(/images/forms/backRequiredGray.gif) no-repeat right
1046		center;
1047}
1048
1049div.subTableDiv {
1050	width: 500px;
1051}
1052
1053div.subTableDiv td.label {
1054	width: 135px;
1055}
1056
1057ul#homeBlog li div.description {
1058	display: none;
1059}
1060
1061td.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
1068tr td.field div.formError {
1069	display: none;
1070	color: #FF0000;
1071}
1072
1073tr.errorRow td.field div.formError {
1074	display: block;
1075	font-weight: normal;
1076}
1077
1078div.error {
1079	color: red;
1080}
1081
1082div.error a {
1083	color: #336699;
1084	font-size: 12px;
1085	text-decoration: underline
1086}
1087
1088div.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
1100div.offerbox {
1101	width: 125px;
1102	float: left;
1103	position: relative;
1104}
1105
1106div.offerbox h3 {
1107	font: bold 17px tahoma, geneva;
1108	color: #333333;
1109	height: 55px;
1110	margin: 0px auto;
1111	text-align: center;
1112}
1113
1114div.offerbox h4 {
1115	height: 100px;
1116	font: normal 13px tahoma, geneva;
1117	margin: 0px;
1118}
1119
1120div.offerbox h5 {
1121	font: bold 14px tahoma, geneva;
1122	margin: 0px;
1123	height: 55px;
1124}
1125
1126div.offerbox h5 small {
1127	float: left;
1128	font-weight: normal;
1129	font-size: 10px;
1130}
1131
1132div.offerbox div.learnmore {
1133	padding-left: 25px;
1134}
1135
1136div#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
1145div.offerHeader {
1146	background: #0D8BBD;
1147	position: absolute;
1148	top: 20px;
1149	width: 266px;
1150	height: 34px;
1151	border: 1px solid #e1e4e2;
1152}
1153
1154div.offerHeader span {
1155	font: 20px 'trebuchet ms';
1156	color: #FFFFFF;
1157	position: absolute;
1158	left: 0px;
1159	top: 0px;
1160}
1161
1162div.offerHeader span.shadow {
1163	font: 20px 'trebuchet ms';
1164	color: #333333;
1165	position: absolute;
1166}
1167
1168div.offerbox div.buttonSubmit {
1169	margin: 5px 0px 0px 10px;
1170}
1171
1172div.footerAddress {
1173	position: absolute;
1174	bottom: 30px;
1175	left: 20px;
1176	color: #666666;
1177	font-size: 11px;
1178	display: none;
1179}