Annotation of pettastic/html/css/contact-form.css, revision 1.1
1.1 ! nick 1:
! 2: form.wufoo{
! 3: margin:20px 14px 0 14px;
! 4: padding:0 0 20px 10px;
! 5: position:relative;
! 6: }
! 7:
! 8: img, a img{
! 9: border:none;
! 10: -ms-interpolation-mode: bicubic;
! 11: }
! 12:
! 13: * html #bottom{
! 14: _behavior: url(/images/iepngfix.htc);
! 15: }
! 16:
! 17: .hide, .cloak div, .cloak span, .likert.cloak tbody, .likert.cloak thead{
! 18: display:none !important;
! 19: }
! 20:
! 21: .likert.cloak table{
! 22: border:none;
! 23: }
! 24:
! 25:
! 26: .confirm .wufoo{
! 27: text-align:center;
! 28: }
! 29:
! 30: .confirm h2{
! 31: font-weight:normal;
! 32: font-size:160%;
! 33: margin:0 0 .2em 0;
! 34: line-height:135%;
! 35: color:#222;
! 36: margin:0 1em;
! 37: padding:70px 0 80px 0;
! 38: }
! 39:
! 40: .embed .confirm h2{
! 41: padding-bottom:50px;
! 42: }
! 43:
! 44: .confirm .wufoo div{
! 45: text-align:justify;
! 46: }
! 47:
! 48: .confirm .wufoo div p{
! 49: font-size:120%;
! 50: line-height:160%;
! 51: margin:0 10px 1.5em 10px;
! 52: }
! 53:
! 54:
! 55: .wufoo{
! 56: font-family:"Lucida Grande","Lucida Sans Unicode", Tahoma, sans-serif;
! 57: letter-spacing:.01em;
! 58: text-rendering: optimizeLegibility;
! 59: }
! 60:
! 61: .wufoo li{
! 62: width:64%;
! 63: }
! 64:
! 65: .info{
! 66: display:inline-block;
! 67: clear:both;
! 68: margin:0 0 5px 0;
! 69: padding:0 1% 1.1em 1%;
! 70: border-bottom:1px dotted #ccc;
! 71: }
! 72:
! 73: .info[class]{
! 74: display:block;
! 75: }
! 76:
! 77: .info h2{
! 78: font-weight:normal;
! 79: font-size:160%;
! 80: margin:0 0 5px 0;
! 81: clear:left;
! 82: }
! 83:
! 84: .info div{
! 85: font-size:95%;
! 86: line-height:135%;
! 87: color:#555;
! 88: }
! 89:
! 90: form ul{
! 91: margin:0;
! 92: padding:0;
! 93: list-style-type:none;
! 94: }
! 95:
! 96: * html form ul{
! 97: width:99%;
! 98: zoom:1;
! 99: }
! 100:
! 101: form li{
! 102: margin:0;
! 103: padding:6px 1% 9px 1%;
! 104: clear:both;
! 105: background-color:transparent;
! 106: -webkit-transition: background-color 350ms ease-out;
! 107: }
! 108:
! 109: form li:after, form li div:after{
! 110: content:".";
! 111: display:block;
! 112: height:0;
! 113: clear:both;
! 114: visibility:hidden;
! 115: }
! 116:
! 117: * html form li{
! 118: height: 1%;
! 119: margin-bottom:-3px;
! 120: }
! 121:
! 122: *+html form li{
! 123: height: 1%;
! 124: margin-bottom:-3px;
! 125: }
! 126:
! 127: * html form li div{
! 128: display:inline-block;
! 129: }
! 130:
! 131: *+html form li div{
! 132: display:inline-block;
! 133: }
! 134:
! 135: form li div{
! 136: margin:0;
! 137: padding:0;
! 138: color:#444;
! 139: }
! 140:
! 141: form li span{
! 142: margin:0 .3em 0 0;
! 143: padding:0;
! 144: float:left;
! 145: color:#444;
! 146: }
! 147:
! 148: form li div span{
! 149: margin:0;
! 150: display:block;
! 151: width:100%;
! 152: float:left;
! 153: }
! 154:
! 155: li.twoColumns div span{
! 156: width:48%;
! 157: margin:0 5px 0 0;
! 158: }
! 159:
! 160: li.threeColumns div span{
! 161: width:30%;
! 162: margin:0 5px 0 0;
! 163: }
! 164:
! 165: li.notStacked div span{
! 166: width:auto;
! 167: margin:0 7px 0 0;
! 168: }
! 169:
! 170: form li.complex{
! 171: padding-bottom:0;
! 172: }
! 173:
! 174: form li.complex div span{
! 175: width:auto;
! 176: margin:0 .3em 0 0;
! 177: padding-bottom:12px;
! 178: }
! 179:
! 180: form li.complex div span.full{
! 181: margin:0;
! 182: }
! 183:
! 184: form li.complex div span.left, form li.complex div span.right{
! 185: margin:0;
! 186: width:48%;
! 187: }
! 188:
! 189: form li.complex div span.full input, form li.complex div span.full select, form li.complex div span.left input, form li.complex div span.right input,form li.complex div span.left select,form li.complex div span.right select{
! 190: width:100%;
! 191: }
! 192:
! 193: .left{
! 194: float:left;
! 195: }
! 196:
! 197: .right{
! 198: float:right;
! 199: }
! 200:
! 201: .clear{
! 202: clear:both !important;
! 203: }
! 204:
! 205: label span, .section span, p span, .likert span{
! 206: display:inline !important;
! 207: float:none !important;
! 208: }
! 209:
! 210: .rtl .info h2, .rtl .info div, .rtl label.desc, .rtl label.choice, .rtl div label, .rtl span label, .rtl input.text, .rtl textarea.textarea, .rtl select.select, .rtl p.instruct, .rtl .section h3, .rtl .section div, .rtl input.btTxt{
! 211: direction:rtl;
! 212: }
! 213:
! 214: form li div label, form li span label{
! 215: margin:0;
! 216: padding-top:3px;
! 217: clear:both;
! 218: font-size:85%;
! 219: line-height:160%;
! 220: color:#444;
! 221: display:block;
! 222: }
! 223:
! 224: label.desc{
! 225: font-size:95%;
! 226: font-weight:bold;
! 227: color:#222;
! 228: line-height:150%;
! 229: margin:0;
! 230: padding:0 0 3px 0;
! 231: border:none;
! 232: display:block;
! 233: }
! 234:
! 235: label.choice{
! 236: display:block;
! 237: font-size:100%;
! 238: line-height:150%;
! 239: margin:-17px 0 0 23px;
! 240: padding:0 0 5px 0;
! 241: color:#222;
! 242: width:88%;
! 243: }
! 244:
! 245: .safari label.choice{
! 246: margin-top:-16px;
! 247: }
! 248:
! 249: form.rightLabel label.desc{
! 250: padding-top:2px;
! 251: }
! 252:
! 253: span.symbol{
! 254: font-size:120%;
! 255: line-height:135%;
! 256: }
! 257:
! 258: form li .datepicker{
! 259: float:left;
! 260: margin:.19em 5px 0 0;
! 261: padding:0;
! 262: width: 16px;
! 263: height: 16px;
! 264: cursor:pointer !important;
! 265: }
! 266:
! 267: form span.req{
! 268: display:inline;
! 269: float:none;
! 270: color:red !important;
! 271: font-weight:bold;
! 272: margin:0;
! 273: padding:0;
! 274: }
! 275:
! 276: form li div label var{
! 277: font-weight:bold;
! 278: font-style:normal;
! 279: }
! 280:
! 281: form li div label .currently{
! 282: display:none;
! 283: }
! 284:
! 285: input.text, input.search, input.file, textarea.textarea, select.select{
! 286: font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
! 287: font-size:100%;
! 288: color:#333;
! 289: margin:0;
! 290: padding:2px 0;
! 291: }
! 292:
! 293: input.text, input.search, textarea.textarea{
! 294: border-top:1px solid #7c7c7c;
! 295: border-left:1px solid #c3c3c3;
! 296: border-right:1px solid #c3c3c3;
! 297: border-bottom:1px solid #ddd;
! 298: background:#fff url(/images/fieldbg.gif) repeat-x top;
! 299: }
! 300:
! 301: select.select{
! 302: padding:1px 0 0 0;
! 303: }
! 304:
! 305: input.search{
! 306: -webkit-border-radius:10px;
! 307: -moz-border-radius:10px;
! 308: border-radius:10px;
! 309: padding-left:6px;
! 310: }
! 311:
! 312: input.checkbox, input.radio{
! 313: display:block;
! 314: margin:4px 0 0 0;
! 315: padding:0;
! 316: width:13px;
! 317: height:13px;
! 318: }
! 319:
! 320: input.other{
! 321: margin:0 0 8px 25px;
! 322: }
! 323:
! 324: .safari select.select{
! 325: font-size:120% !important;
! 326: margin:0 0 1px 0;
! 327: }
! 328:
! 329: * html select.select{
! 330: margin:1px 0;
! 331: }
! 332:
! 333: *+html select.select{
! 334: margin:1px 0;
! 335: }
! 336:
! 337: .center, form li span.center input.text, form li span.center label,form li.name span label,form li.date input.text, form li.date span label, form li.phone input.text, form li.phone span label,form li.time input.text, form li.time span label{
! 338: text-align:center;
! 339: }
! 340:
! 341: form li.time select.select{
! 342: margin-left:5px;
! 343: }
! 344:
! 345: form li.price .right{
! 346: text-align:right;
! 347: }
! 348:
! 349: .third{
! 350: width:32% !important;
! 351: }
! 352:
! 353: .half{
! 354: width:48% !important;
! 355: }
! 356:
! 357: .full{
! 358: width:100% !important;
! 359: }
! 360:
! 361: input.small, select.small{
! 362: width:25%;
! 363: }
! 364:
! 365: input.medium, select.medium{
! 366: width:50%;
! 367: }
! 368:
! 369: input.large, select.large, textarea.textarea{
! 370: width:100%;
! 371: }
! 372:
! 373: .msie select.ieSelectFix{
! 374: width:auto;
! 375: }
! 376:
! 377: .msie6 select.ieSelectFix, .msie7 select.ieSelectFix{
! 378: width:100%;
! 379: }
! 380:
! 381: .msie select.ieSelectFix.small{
! 382: min-width:25%;
! 383: }
! 384:
! 385: .msie select.ieSelectFix.medium{
! 386: min-width:50%;
! 387: }
! 388:
! 389: .msie select.ieSelectFix.large{
! 390: width:100%;
! 391: }
! 392:
! 393: textarea.small{
! 394: height:5.5em;
! 395: }
! 396:
! 397: textarea.medium{
! 398: height:10em;
! 399: }
! 400:
! 401: textarea.large{
! 402: height:20em;
! 403: }
! 404:
! 405: li.file a{
! 406: color:#222;
! 407: text-decoration:none;
! 408: }
! 409:
! 410: li.file span{
! 411: display:inline;
! 412: float:none;
! 413: }
! 414:
! 415: li.file img{
! 416: display:block;
! 417: float:left;
! 418: margin:0 0 0 -10px;
! 419: padding:5px 5px 7px 5px;
! 420: }
! 421:
! 422: li.file .file-size, li.file .file-type{
! 423: color:#666;
! 424: font-size:85%;
! 425: text-transform: uppercase;
! 426: }
! 427:
! 428: li.file .file-name{
! 429: display:block;
! 430: padding:14px 0 0 0;
! 431: color:blue;
! 432: text-decoration:underline;
! 433: }
! 434:
! 435: li.file .file-delete{
! 436: color:red !important;
! 437: font-size:85%;
! 438: text-decoration:underline;
! 439: }
! 440:
! 441: li.file a:hover .file-name{
! 442: color:green !important;
! 443: }
! 444:
! 445: li.file a:hover .file-name{
! 446: color:green !important;
! 447: }
! 448:
! 449: form li.likert{
! 450: margin:0;
! 451: padding:6px 1% 5px 1%;
! 452: width:auto !important;
! 453: clear:both !important;
! 454: float:none !important;
! 455: }
! 456:
! 457: .likert table{
! 458: margin:0 0 .9em 0;
! 459: background:#fff;
! 460: width:100%;
! 461: border:1px solid #dedede;
! 462: border-bottom:none;
! 463: }
! 464:
! 465: .likert caption{
! 466: text-align:left;
! 467: color:#222;
! 468: font-size:95%;
! 469: line-height:135%;
! 470: padding:5px 0 .5em 0;
! 471: }
! 472:
! 473: .likert input{
! 474: padding:0;
! 475: margin:2px 0;
! 476: }
! 477:
! 478: .likert tbody td label{
! 479: font-size:85%;
! 480: display:block;
! 481: color:#565656;
! 482: }
! 483:
! 484: .likert thead td, .likert thead th{
! 485: background-color:#e6e6e6;
! 486: }
! 487:
! 488: .likert td{
! 489: border-left:1px solid #ccc;
! 490: text-align:center;
! 491: padding:4px 6px;
! 492: }
! 493:
! 494: .likert thead td{
! 495: font-size:85%;
! 496: padding:10px 6px;
! 497: }
! 498:
! 499: .likert th, .likert td{
! 500: border-bottom:1px solid #dedede;
! 501: }
! 502:
! 503: .likert tbody th{
! 504: padding:8px 8px;
! 505: text-align:left;
! 506: }
! 507:
! 508: .likert tbody th label{
! 509: color:#222;
! 510: font-size:95%;
! 511: font-weight:bold;
! 512: }
! 513:
! 514: .likert tbody tr.alt td, .likert tbody tr.alt th{
! 515: background-color:#f5f5f5;
! 516: }
! 517:
! 518: .likert tbody tr:hover td, .likert tbody tr:hover th{
! 519: background-color:#FFFFCF;
! 520: }
! 521:
! 522: .col1 td{
! 523: width:30%;
! 524: }
! 525:
! 526: .col2 td{
! 527: width:25%;
! 528: }
! 529:
! 530: .col3 td{
! 531: width:18%;
! 532: }
! 533:
! 534: .col4 td{
! 535: width:14.5%;
! 536: }
! 537:
! 538: .col5 td{
! 539: width:12%;
! 540: }
! 541:
! 542: .col6 td, .col7 td{
! 543: width:10%;
! 544: }
! 545:
! 546: .col8 td, .col9 td, .col10 td{
! 547: width:6.5%;
! 548: }
! 549:
! 550: .col11{
! 551: width:6%;
! 552: }
! 553:
! 554: .hideNumbers tbody td label{
! 555: display:none;
! 556: }
! 557:
! 558: form li.buttons{
! 559: width:auto !important;
! 560: position:relative;
! 561: clear:both;
! 562: padding:10px 1% 10px 1%;
! 563: }
! 564:
! 565: form li.buttons input{
! 566: font-size:100%;
! 567: margin-right:5px;
! 568: }
! 569:
! 570: input.btTxt{
! 571: padding:0 7px;
! 572: width:auto;
! 573: overflow:visible;
! 574: }
! 575:
! 576: .safari input.btTxt{
! 577: font-size:120%;
! 578: }
! 579:
! 580: .buttons .marker{
! 581: position:absolute;
! 582: top:0;
! 583: right:0;
! 584: padding:15px 10px 0 0;
! 585: color:#000;
! 586: width:auto;
! 587: }
! 588:
! 589: button.link{
! 590: display:inline-block;
! 591: border:none;
! 592: background:none;
! 593: color:blue;
! 594: text-decoration:underline;
! 595: cursor:pointer;
! 596: padding:0;
! 597: font-size:100%;
! 598: }
! 599:
! 600: button.link:hover{
! 601: color:green;
! 602: }
! 603:
! 604: .leftLabel li, .rightLabel li{
! 605: width:74% !important;
! 606: padding-top:9px;
! 607: }
! 608:
! 609: .leftLabel label.desc, .rightLabel label.desc{
! 610: float:left;
! 611: width:31%;
! 612: margin:0 15px 0 0;
! 613: }
! 614:
! 615: .rightLabel label.desc{
! 616: text-align:right;
! 617: }
! 618:
! 619: .leftLabel li div, .rightLabel li div{
! 620: float:left;
! 621: width:65%;
! 622: }
! 623:
! 624: .leftLabel .buttons, .rightLabel .buttons{
! 625: padding-left:23%;
! 626: }
! 627:
! 628: .leftLabel .buttons div, .rightLabel .buttons div{
! 629: float:none;
! 630: margin:0 0 0 20px;
! 631: }
! 632:
! 633: .leftLabel p.instruct, .rightLabel p.instruct{
! 634: width:28%;
! 635: margin-left:5px;
! 636: }
! 637:
! 638: .leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{
! 639: margin-left:31% !important;
! 640: padding-left:15px;
! 641: width:65%;
! 642: }
! 643:
! 644: .noI form li, .altInstruct form li{
! 645: width:auto !important;
! 646: }
! 647:
! 648: .noI .leftLabel .buttons, .noI .rightLabel .buttons{
! 649: padding-left:31%;
! 650: }
! 651:
! 652: .noI .leftLabel .buttons div, .noI .rightLabel .buttons div{
! 653: margin:0 0 0 17px;
! 654: }
! 655:
! 656: form li.leftHalf, form li.rightHalf{
! 657: width:47% !important;
! 658: }
! 659:
! 660: form li.leftThird, form li.middleThird, form li.rightThird{
! 661: width:30% !important;
! 662: }
! 663:
! 664: form li.leftHalf, form li.leftThird{
! 665: clear:left !important;
! 666: float:left;
! 667: }
! 668:
! 669: form li.middleThird{
! 670: clear:none !important;
! 671: float:left;
! 672: width:30% !important;
! 673: margin-left:2% !important;
! 674: }
! 675:
! 676: form li.rightHalf, form li.rightThird{
! 677: clear:none !important;
! 678: float:right;
! 679: }
! 680:
! 681: li.leftHalf .small, li.rightHalf .small,li.leftHalf .medium, li.rightHalf .medium,li.leftThird .small, li.middleThird .small, li.rightThird .small,li.leftThird .medium, li.middleThird .medium, li.rightThird .medium{
! 682: width:100%;
! 683: }
! 684:
! 685: form li.focused{
! 686: background-color:#fff7c0;
! 687: }
! 688:
! 689: form li.focused, form li:hover{
! 690: position:relative;
! 691: }
! 692:
! 693: form .instruct{
! 694: position:absolute;
! 695: top:0;
! 696: left:0;
! 697: z-index:1000;
! 698: width:45%;
! 699: margin:0 0 0 8px;
! 700: padding:8px 10px 10px 10px;
! 701: border:1px solid #e6e6e6;
! 702: background:#f5f5f5;
! 703: visibility:hidden;
! 704: opacity:0;
! 705: font-size:105%;
! 706: -webkit-transition: opacity 350ms ease-out;
! 707: }
! 708:
! 709: form .instruct small{
! 710: line-height:120%;
! 711: font-size:80%;
! 712: color:#444;
! 713: }
! 714:
! 715: form li.focused .instruct, form li:hover .instruct{
! 716: left:100%;
! 717: visibility:visible;
! 718: opacity:1;
! 719: }
! 720:
! 721: .altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct,li.leftThird .instruct, li.middleThird .instruct, li.rightThird .instruct,.iphone .instruct{
! 722: visibility:visible;
! 723: position:static;
! 724: margin:0;
! 725: padding:6px 0 0 0;
! 726: width:100%;
! 727: clear:left;
! 728: background:none !important;
! 729: border:none !important;
! 730: font-style:italic;
! 731: opacity:1;
! 732: }
! 733:
! 734: .altInstruct p.complex , li.leftHalf p.complex, li.rightHalf p.complex,li.leftThird p.complex, li.middleThird p.complex, li.rightThird p.complex,.iphone p.complex{
! 735: padding:0 0 9px 0;
! 736: }
! 737:
! 738: .hideSeconds .seconds, .hideAMPM .ampm, .hideAddr2 .addr2{
! 739: display:none;
! 740: }
! 741:
! 742: form li.section{
! 743: clear:both;
! 744: margin:0;
! 745: padding:7px 0 0 0;
! 746: width:auto !important;
! 747: position:static;
! 748: }
! 749:
! 750: form li.section h3{
! 751: font-weight:normal;
! 752: font-size:110%;
! 753: line-height:135%;
! 754: margin:0 0 3px 0;
! 755: width:auto;
! 756: padding:12px 1% 0 1%;
! 757: border-top:1px dotted #ccc;
! 758: }
! 759:
! 760: form li.first{
! 761: padding:0;
! 762: }
! 763:
! 764: form li.first h3{
! 765: padding:8px 1% 0 1%;
! 766: border-top:none !important;
! 767: }
! 768:
! 769: form li.section div{
! 770: display:block;
! 771: width:auto;
! 772: font-size:85%;
! 773: line-height:160%;
! 774: margin:0 0 1em 0;
! 775: padding:0 1% 0 1%;
! 776: }
! 777:
! 778: form li.section.scrollText{
! 779: border:1px solid #dedede;
! 780: height:150px;
! 781: overflow:auto;
! 782: margin-bottom:10px;
! 783: padding:10px;
! 784: -webkit-box-shadow:rgba(0,0,0,.15) 0px 0px 3px;
! 785: -moz-box-shadow:rgba(0,0,0,.15) 0px 0px 3px;
! 786: box-shadow:rgba(0,0,0,.15) 0px 0px 3px;
! 787: }
! 788:
! 789: form li.section.scrollText h3{
! 790: border:none;
! 791: padding-top:8px;
! 792: }
! 793:
! 794: form li.captcha {
! 795: width:auto !important;
! 796: clear:both;
! 797: border-top:1px dotted #ccc;
! 798: margin-top:5px;
! 799: padding:1.1em 1% 9px 1%;
! 800: width:auto !important;
! 801: position:static;
! 802: }
! 803:
! 804: form li.captcha label.desc{
! 805: width:auto !important;
! 806: text-align:left;
! 807: margin-bottom:4px;
! 808: float:none;
! 809: }
! 810:
! 811: *+html #recaptcha_area, *+html #recaptcha_table{
! 812: min-width:450px !important;
! 813: }
! 814:
! 815: * html #recaptcha_area, * html #recaptcha_table{
! 816: width:450px !important;
! 817: }
! 818:
! 819: #recaptcha_widget_div table{
! 820: background:#fff;
! 821: }
! 822:
! 823: form li.captcha .noscript iframe{
! 824: border:none;
! 825: overflow:hidden;
! 826: margin:0;
! 827: padding:0;
! 828: }
! 829:
! 830: form li.captcha .noscript label.desc{
! 831: display:block !important;
! 832: }
! 833:
! 834: form li.captcha .noscript textarea{
! 835: margin-left:12px;
! 836: }
! 837:
! 838: form li.paging-context{
! 839: clear:both;
! 840: border-bottom:1px dotted #ccc;
! 841: margin:0 0 7px 0;
! 842: padding:5px 1% 10px 1%;
! 843: width:auto !important;
! 844: position:static;
! 845: }
! 846:
! 847: .paging-context table{
! 848: width:100%;
! 849: }
! 850:
! 851: .pgStyle1 td{
! 852: text-align:left;
! 853: vertical-align:middle;
! 854: }
! 855:
! 856: .pgStyle1 td.c{
! 857: width:22px;
! 858: }
! 859:
! 860: .pgStyle1 td.t{
! 861: padding:0 1%;
! 862: }
! 863:
! 864: .pgStyle1 var{
! 865: display:block;
! 866: float:left;
! 867: background:none;
! 868: border:1px solid #CCC;
! 869: color:#000;
! 870: width:20px;
! 871: height:20px;
! 872: line-height:19px;
! 873: text-align:center;
! 874: -webkit-box-shadow:rgba(0,0,0,.15) 0px 1px 2px;
! 875: -moz-box-shadow:rgba(0,0,0,.15) 0px 1px 2px;
! 876: box-shadow:rgba(0,0,0,.15) 0px 1px 2px;
! 877: -webkit-border-radius:10px;
! 878: -moz-border-radius:10px;
! 879: border-radius:10px;
! 880: font-size:85%;
! 881: font-style:normal;
! 882: }
! 883:
! 884: .pgStyle1 .done var{
! 885: background:#ccc;
! 886: }
! 887:
! 888: .pgStyle1 .selected var{
! 889: background:#FFF7C0;
! 890: color:#000;
! 891: border:1px solid #e6dead;
! 892: font-weight:bold;
! 893: }
! 894:
! 895: .pgStyle1 b{
! 896: font-size:85%;
! 897: font-weight:normal;
! 898: color:#000;
! 899: }
! 900:
! 901: .pgStyle1 .selected b{
! 902: font-weight:bold;
! 903: }
! 904:
! 905: .circle6 td, .circle7 td{
! 906: vertical-align:top;
! 907: text-align:center;
! 908: }
! 909:
! 910: .nopagelabel td.t{
! 911: display:none;
! 912: }
! 913:
! 914: .nopagelabel .pgStyle1 var, .circle6 var, .circle7 var{
! 915: width:24px;
! 916: height:24px;
! 917: line-height:24px;
! 918: -webkit-border-radius:12px;
! 919: -moz-border-radius:12px;
! 920: border-radius:12px;
! 921: font-size:90%;
! 922: margin:0 auto 7px auto;
! 923: float:none;
! 924: }
! 925:
! 926: .nopagelabel .pgStyle1 var{
! 927: margin-bottom:0;
! 928: }
! 929:
! 930: .circle6 b, .circle7 b{
! 931: padding:0;
! 932: }
! 933:
! 934: .circle2 td{
! 935: width:50%;
! 936: }
! 937:
! 938: .circle3 td{
! 939: width:33%;
! 940: }
! 941:
! 942: .circle4 td{
! 943: width:25%;
! 944: }
! 945:
! 946: .circle5 td{
! 947: width:20%;
! 948: }
! 949:
! 950: .circle6 td{
! 951: width:16.6%;
! 952: }
! 953:
! 954: .circle7 td{
! 955: width:14.2%;
! 956: }
! 957:
! 958: .pgStyle2 td{
! 959: vertical-align:middle;
! 960: height:25px;
! 961: border:1px solid #CCC;
! 962: position:relative;
! 963: -webkit-border-radius:14px;
! 964: -moz-border-radius:14px;
! 965: border-radius:14px;
! 966: -webkit-box-shadow:rgba(0,0,0,.10) 1px 1px 1px;
! 967: -moz-box-shadow:rgba(0,0,0,.10) 1px 1px 1px;
! 968: box-shadow:rgba(0,0,0,.10) 1px 1px 1px;
! 969: padding:2px;
! 970: }
! 971:
! 972: .pgStyle2 var{
! 973: display:block;
! 974: height:26px;
! 975: float:left;
! 976: background:#FFF7C0;
! 977: color:#000;
! 978: font-style:normal;
! 979: text-align:right;
! 980: -webkit-border-radius:12px;
! 981: -moz-border-radius:12px;
! 982: border-radius:12px;
! 983: -webkit-box-shadow:rgba(0,0,0,.15) 1px 0px 0px;
! 984: -moz-box-shadow:rgba(0,0,0,.15) 1px 0px 0px;
! 985: box-shadow:rgba(0,0,0,.15) 1px 0px 0px;
! 986: }
! 987:
! 988: .pgStyle2 var b{
! 989: display:block;
! 990: float:right;
! 991: font-size:100%;
! 992: padding:3px 10px 3px 3px;
! 993: line-height:19px;
! 994: }
! 995:
! 996: .pgStyle2 em{
! 997: font-size:85%;
! 998: font-style:normal;
! 999: display:inline-block;
! 1000: margin:0 0 0 9px;
! 1001: padding:4px 0;
! 1002: line-height:18px;
! 1003: }
! 1004:
! 1005: .pgStyle2 var em{
! 1006: padding:4px 5px 3px 0;
! 1007: }
! 1008:
! 1009: .page1 .pgStyle2 var{
! 1010: padding-left:7px;
! 1011: text-align:left;
! 1012: background:none;
! 1013: -webkit-box-shadow:none;
! 1014: -moz-box-shadow:none;
! 1015: box-shadow:none;
! 1016: }
! 1017:
! 1018: .page1 .pgStyle2 b{
! 1019: float:none;
! 1020: padding-right:0px;
! 1021: }
! 1022:
! 1023: .hideMarkers .marker, .nopagelabel .pgStyle1 b, .nopagelabel .pgStyle2 em, .hideSecondary #previousPageButton{
! 1024: display:none !important;
! 1025: }
! 1026:
! 1027: #errorLi{
! 1028: width:99%;
! 1029: margin:15px auto 5px auto;
! 1030: background:#fff !important;
! 1031: border:1px solid red;
! 1032: text-align:center;
! 1033: padding:1em 0 1em 0;
! 1034: -webkit-border-radius:20px;
! 1035: -moz-border-radius:20px;
! 1036: border-radius:20px;
! 1037: }
! 1038:
! 1039: #errorMsgLbl{
! 1040: margin:0 0 5px 0;
! 1041: padding:0;
! 1042: font-size:125%;
! 1043: color:#DF0000 !important;
! 1044: }
! 1045:
! 1046: #errorMsg{
! 1047: margin:0 0 2px 0;
! 1048: color:#000 !important;
! 1049: font-size:100%;
! 1050: }
! 1051:
! 1052: #errorMsg strong{
! 1053: padding:2px 8px;
! 1054: background-color: #FFDFDF !important;
! 1055: color:red !important;
! 1056: -webkit-border-radius:10px;
! 1057: -moz-border-radius:10px;
! 1058: border-radius:10px;
! 1059: }
! 1060:
! 1061: form li.error{
! 1062: display:block !important;
! 1063: background-color: #FFDFDF !important;
! 1064: margin-bottom:3px !important;
! 1065: }
! 1066:
! 1067: form li label.error, form li input.error{
! 1068: color:#DF0000 !important;
! 1069: font-weight:bold !important;
! 1070: }
! 1071:
! 1072: form li input.error{
! 1073: background:#fff !important;
! 1074: border:2px solid #DF0000 !important;
! 1075: }
! 1076:
! 1077: form li.error label, form li.error span.symbol{
! 1078: color:#000 !important;
! 1079: }
! 1080:
! 1081: form li.error label.desc{
! 1082: color:#DF0000 !important;
! 1083: }
! 1084:
! 1085: form p.error{
! 1086: display:none;
! 1087: margin:0 !important;
! 1088: padding:7px 0 0 0 !important;
! 1089: line-height:10px !important;
! 1090: font-weight:bold;
! 1091: font-size:11px;
! 1092: color:#DF0000 !important;
! 1093: clear:both;
! 1094: }
! 1095:
! 1096: form li.error p.error{
! 1097: display:block;
! 1098: }
! 1099:
! 1100: form li.complex p.error{
! 1101: padding:0 0 9px 0 !important;
! 1102: }
! 1103:
! 1104:
! 1105: ul.protected{
! 1106: list-style:none;
! 1107: margin:50px 0 30px 0;
! 1108: }
! 1109:
! 1110: .protected li{
! 1111: text-align:center;
! 1112: padding:10px 0;
! 1113: width:100% !important;
! 1114: }
! 1115:
! 1116: .protected h2{
! 1117: font-weight:bold;
! 1118: color:#DF0000;
! 1119: margin:0 auto 10px auto;
! 1120: }
! 1121:
! 1122: .protected label{
! 1123: font-size:120% !important;
! 1124: padding-top:10px;
! 1125: display:block;
! 1126: }
! 1127:
! 1128: .protected input.text{
! 1129: font-size:170% !important;
! 1130: width:380px;
! 1131: text-align:center;
! 1132: }
! 1133:
! 1134: .protected .buttons{
! 1135: margin:0 auto;
! 1136: padding:0;
! 1137: }
! 1138:
! 1139: .protected #saveForm{
! 1140: font-size:120% !important;
! 1141: }
! 1142:
! 1143:
! 1144: #merchant {
! 1145: text-align:center;
! 1146: }
! 1147:
! 1148: #merchant li {
! 1149: width:97%;
! 1150: }
! 1151:
! 1152: #merchant .info {
! 1153: border-bottom:none !important;
! 1154: }
! 1155:
! 1156: #merchantMessage{
! 1157: padding:60px 20px 40px 20px;
! 1158: }
! 1159:
! 1160: form li.invoice{
! 1161: clear:both;
! 1162: width:auto !important;
! 1163: margin:0;
! 1164: padding:0;
! 1165: position:static;
! 1166: }
! 1167:
! 1168: .invoice table{
! 1169: font-size:90%;
! 1170: width:100%;
! 1171: margin:0 0 15px 0;
! 1172: }
! 1173:
! 1174: .invoice thead th, .invoice tbody th, .invoice tbody td,.invoice tfoot th{
! 1175: border:1px solid #ccc;
! 1176: border-bottom:none;
! 1177: border-right:none;
! 1178: padding:7px;
! 1179: }
! 1180:
! 1181: .invoice thead th{
! 1182: background:#eee;
! 1183: font-weight:normal;
! 1184: }
! 1185:
! 1186: .invoice tbody th em{
! 1187: font-weight:normal;
! 1188: font-size:85%;
! 1189: display:block;
! 1190: }
! 1191:
! 1192: .invoice tbody th i{
! 1193: font-style:normal;
! 1194: font-weight:normal;
! 1195: }
! 1196:
! 1197: .invoice .description{
! 1198: width:75%;
! 1199: }
! 1200:
! 1201: .invoice .total{
! 1202: text-align:right;
! 1203: padding-right:10px;
! 1204: border-right:1px solid #ccc;
! 1205: }
! 1206:
! 1207: .invoice tfoot .last th, .invoice tfoot .last td{
! 1208: border-bottom:1px solid #ccc;
! 1209: }
! 1210:
! 1211: .invoice tfoot th, .invoice tfoot td{
! 1212: border-top:1px solid #ccc;
! 1213: }
! 1214:
! 1215: .invoice .price, .invoice .quantity{
! 1216: text-align:center;
! 1217: }
! 1218:
! 1219: .invoice tfoot th{
! 1220: text-align:right;
! 1221: }
! 1222:
! 1223: #payment{
! 1224: margin-top:12px;
! 1225: }
! 1226:
! 1227: #payment .paging-context{
! 1228: padding-top:10px !important;
! 1229: border-top:1px dotted #ccc;
! 1230: margin-bottom:17px ;
! 1231: }
! 1232:
! 1233: #payment .section h3{
! 1234: font-size:140%;
! 1235: }
! 1236:
! 1237: #payment .section div{
! 1238: font-size:90%;
! 1239: }
! 1240:
! 1241: #payment .desc{
! 1242: padding:0;
! 1243: line-height:140%;
! 1244: font-size:120%;
! 1245: }
! 1246:
! 1247: #payment .desc strong{
! 1248: display:block;
! 1249: font-weight:normal;
! 1250: font-size:10px;
! 1251: line-height:150%;
! 1252: color:#888;
! 1253: }
! 1254:
! 1255: #payment .desc img{
! 1256: margin-bottom:-1px;
! 1257: }
! 1258:
! 1259: #payment .error .desc strong{
! 1260: color:#DF0000;
! 1261: font-size:11px;
! 1262: }
! 1263:
! 1264: #shipSection input.checkbox{
! 1265: width:13px !important;
! 1266: }
! 1267:
! 1268: .ship{
! 1269: display:block;
! 1270: }
! 1271:
! 1272: .same .ship{
! 1273: display:none;
! 1274: }
! 1275:
! 1276: #shippingSame{
! 1277: padding-bottom:8px;
! 1278: }
! 1279:
! 1280: .same #shippingSame{
! 1281: padding-bottom:0;
! 1282: }
! 1283:
! 1284: #ppSection, #ccSection{
! 1285: border-bottom:1px dotted #ccc;
! 1286: }
! 1287:
! 1288: #ppSection .choice{
! 1289: margin:-25px 0 0 23px;
! 1290: padding:0;
! 1291: width:auto;
! 1292: }
! 1293:
! 1294: * #ppSection .choice{
! 1295: margin:-20px 0 0 23px;
! 1296: }
! 1297:
! 1298: #ppSection span.last{
! 1299: margin:0;
! 1300: }
! 1301:
! 1302: #ppSection span.first{
! 1303: margin:0 12px 0 0;
! 1304: }
! 1305:
! 1306: #ppSection img{
! 1307: cursor:pointer;
! 1308: }
! 1309:
! 1310: .ppexpress #ccSection, .ppexpress #billSection, .ppexpress #shipSection, .ppexpress #invoiceSection, .ppexpress #submitFormButton{
! 1311: display:none !important;
! 1312: }
! 1313:
! 1314: #paypalSubmit{
! 1315: display:none;
! 1316: }
! 1317:
! 1318: .ppexpress #paypalSubmit{
! 1319: display:inline;
! 1320: }
! 1321:
! 1322: .ppexpress #ppSection{
! 1323: border:none;
! 1324: }
! 1325:
! 1326: .echeck #ccSection, .echeck #billSection, .echeck #shippingSame{
! 1327: display:none !important;
! 1328: }
! 1329:
! 1330: .noecheck #ecSection {
! 1331: display:none !important;
! 1332: }
! 1333:
! 1334: #ccSection, #billSection, #ecSection{
! 1335: padding-top:20px;
! 1336: padding-bottom:8px;
! 1337: }
! 1338:
! 1339: #shipSection{
! 1340: border-top:1px dotted #ccc;
! 1341: padding-top:20px;
! 1342: }
! 1343:
! 1344: #shipSection div{
! 1345: padding-bottom:8px;
! 1346: }
! 1347:
! 1348: #invoiceSection{
! 1349: border-top:1px dotted #ccc;
! 1350: padding-top:15px;
! 1351: padding-bottom:0;
! 1352: }
! 1353:
! 1354: #expMonth{
! 1355: width:94px;
! 1356: }
! 1357:
! 1358: #expYear{
! 1359: width:64px;
! 1360: }
! 1361:
! 1362: .checkNumbers{
! 1363: width:100%;
! 1364: margin-bottom:10px;
! 1365: border:1px solid #B3C8D6;
! 1366: }
! 1367:
! 1368: .routingNumber, .accountNumber{
! 1369: display:block;
! 1370: width:14px;
! 1371: height:14px;
! 1372: background:#000;
! 1373: color:#fff;
! 1374: text-align:center;
! 1375: line-height:14px;
! 1376: -webkit-border-radius: 7px;
! 1377: -moz-border-radius: 7px;
! 1378: border-radius: 7px;
! 1379: font-size:8px;
! 1380: float:left;
! 1381: margin:2px 4px -2px 0;
! 1382: }
! 1383:
! 1384: .routingNumber{
! 1385: background:#CA2B0B;
! 1386: }
! 1387:
! 1388: .accountNumber{
! 1389: background:#1751BC;
! 1390: }
! 1391:
! 1392: #ccSection{
! 1393: position:relative;
! 1394: }
! 1395:
! 1396: #ccSection img{
! 1397: cursor:pointer;
! 1398: }
! 1399:
! 1400: * html #ccSection img, * html #ppSection img{
! 1401: _behavior: url(/images/iepngfix.htc);
! 1402: }
! 1403:
! 1404: #cvc{
! 1405: position:absolute;
! 1406: top:100%;
! 1407: z-index:1000;
! 1408: right:-15px;
! 1409: margin:-10px 0 0 0;
! 1410: width:170px !important;
! 1411: min-width:0 !important;
! 1412: float:none;
! 1413: border:1px solid #000;
! 1414: background:#222 url(/images/ttclose.png) no-repeat 95% 9px;
! 1415: color:#fff;
! 1416: text-align:justify;
! 1417: padding:12px 15px 12px 12px;
! 1418: font-size:80%;
! 1419: line-height:150%;
! 1420: -moz-border-radius:15px;
! 1421: -webkit-border-radius:15px;
! 1422: border-radius:15px;
! 1423: -webkit-box-shadow:rgba(0,0,0,.40) 0px 2px 7px;
! 1424: -moz-box-shadow:rgba(0,0,0,.40) 0px 2px 7px;
! 1425: box-shadow:rgba(0,0,0,.40) 0px 2px 7px;
! 1426: cursor:pointer;
! 1427: display:none;
! 1428: }
! 1429:
! 1430: .showCVC #cvc{
! 1431: display:block;
! 1432: }
! 1433:
! 1434: * html .showCVC #country{
! 1435: visibility:hidden;
! 1436: }
! 1437:
! 1438: #cvc h5{
! 1439: color:#F2EF8C;
! 1440: font-size:120%;
! 1441: padding:0 0 4px;
! 1442: margin:0;
! 1443: }
! 1444:
! 1445: #promoCode{
! 1446: margin:0;
! 1447: padding:0;
! 1448: text-align:right;
! 1449: min-height:30px;
! 1450: }
! 1451:
! 1452: #coupon{
! 1453: font-size:85%;
! 1454: width:100%;
! 1455: float:none;
! 1456: padding-top:3px;
! 1457: margin-bottom:7px;
! 1458: }
! 1459:
! 1460: #coupon input.text{
! 1461: width:150px;
! 1462: }
! 1463:
! 1464: #promoCode #coupon, #promoCode.hasCode #havePromo{
! 1465: display:none;
! 1466: }
! 1467:
! 1468: #promoCode.hasCode #coupon{
! 1469: display:block;
! 1470: }
! 1471:
! 1472: #promoCode a{
! 1473: font-size:85%;
! 1474: }
! 1475:
! 1476: #promoCode img{
! 1477: margin:0 0 -3px 0;
! 1478: }
! 1479:
! 1480: #promoCode button{
! 1481: font-size:75%;
! 1482: padding:1px 7px;
! 1483: margin-left:5px;
! 1484: }
! 1485:
! 1486: .safari #promoCode button{
! 1487: padding:3px 7px;
! 1488: }
! 1489:
! 1490: #promoCode span{
! 1491: display:block;
! 1492: float:none;
! 1493: font-size:85%;
! 1494: margin:0;
! 1495: }
! 1496:
! 1497: #promoCode .neg{
! 1498: color:#EA2300;
! 1499: font-style:normal;
! 1500: font-weight:bold;
! 1501: }
! 1502:
! 1503: #lola{
! 1504: position:absolute;
! 1505: right:0;
! 1506: z-index:100;
! 1507: width:29%;
! 1508: margin-top:0;
! 1509: padding:9px 12px 18px 12px;
! 1510: background:#eee;
! 1511: }
! 1512:
! 1513: #lola table{
! 1514: width:100%;
! 1515: }
! 1516:
! 1517: #lola td{
! 1518: text-align:right;
! 1519: }
! 1520:
! 1521: #lola tbody b{
! 1522: float:left;
! 1523: padding:3px 0 0 0;
! 1524: }
! 1525:
! 1526: #lola tbody span{
! 1527: font-size:140%;
! 1528: font-weight:bold;
! 1529: }
! 1530:
! 1531: #lola tbody td{
! 1532: border-bottom:1px solid #dedede;
! 1533: padding:0 0 7px 0;
! 1534: }
! 1535:
! 1536: #lola tfoot th, #lola tfoot td{
! 1537: font-size:85%;
! 1538: padding:8px 0 0 0;
! 1539: }
! 1540:
! 1541: #lola tfoot th{
! 1542: color:#777;
! 1543: }
! 1544:
! 1545:
! 1546: .embed{
! 1547: padding:0 !important;
! 1548: overflow:hidden;
! 1549: background:#fff;
! 1550: }
! 1551:
! 1552: .embed #container{
! 1553: width:100% !important;
! 1554: border:none !important;
! 1555: -webkit-box-shadow:none !important;
! 1556: -moz-box-shadow:none !important;
! 1557: box-shadow:none !important}
! 1558:
! 1559: .embed #bottom, .embed #logo{
! 1560: display:none !important}
! 1561:
! 1562: .embed form, .embed body{
! 1563: margin:0 !important}
! 1564:
! 1565: .scroll{
! 1566: overflow-y:auto !important;
! 1567: }
! 1568:
! 1569: .scroll{
! 1570: overflow-x:hidden !important;
! 1571: }
! 1572:
! 1573:
! 1574: @media print{
! 1575: #public, h2{
! 1576: margin:0;
! 1577: }
! 1578:
! 1579: #container{
! 1580: border:none !important;
! 1581: width:100%;
! 1582: }
! 1583:
! 1584: #bottom, #logo, form .buttons, #printPage, .icon{
! 1585: display:none !important;
! 1586: }
! 1587:
! 1588: form.wufoo{
! 1589: margin:0;
! 1590: padding:0;
! 1591: page-break-inside:auto;
! 1592: }
! 1593:
! 1594: form.wufoo .instruct{
! 1595: display:block;
! 1596: }
! 1597:
! 1598: }
! 1599:
! 1600:
! 1601: div.calendar {
! 1602: position: relative;
! 1603: z-index:15000;
! 1604: -webkit-box-shadow:rgba(0,0,0,.40) 0px 2px 7px;
! 1605: -moz-box-shadow:rgba(0,0,0,.40) 0px 2px 7px ;
! 1606: box-shadow:rgba(0,0,0,.40) 0px 2px 7px ;
! 1607: -webkit-border-radius:11px;
! 1608: -moz-border-radius:11px;
! 1609: border-radius:11px;
! 1610: }
! 1611:
! 1612: .calendar table {
! 1613: cursor:pointer;
! 1614: font-size: 11px;
! 1615: color: #000;
! 1616: border:1px solid #ccc;
! 1617: background: #fff;
! 1618: font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
! 1619: -webkit-border-radius:11px;
! 1620: -moz-border-radius:11px;
! 1621: border-radius:11px;
! 1622: }
! 1623:
! 1624: .calendar .button {
! 1625: text-align: center;
! 1626: padding:2px 0 3px 0;
! 1627: }
! 1628:
! 1629: .calendar .question{
! 1630: -moz-border-radius-topleft:11px;
! 1631: -webkit-border-top-left-radius:11px;
! 1632: border-top-left-radius:11px;
! 1633: }
! 1634:
! 1635: .calendar .close{
! 1636: -moz-border-radius-topright:11px;
! 1637: -webkit-border-top-right-radius:11px;
! 1638: border-top-right-radius:11px;
! 1639: }
! 1640:
! 1641: .calendar thead .title {
! 1642: font-weight: bold;
! 1643: text-align: center;
! 1644: background: #fff;
! 1645: color: #000;
! 1646: font-size:12px;
! 1647: padding: 3px 0;
! 1648: }
! 1649:
! 1650: .calendar thead .headrow {
! 1651: background: #dedede;
! 1652: color: #333;
! 1653: font-weight:bold;
! 1654: }
! 1655:
! 1656: .calendar thead .daynames {
! 1657: background: #f5f5f5;
! 1658: color:#333;
! 1659: }
! 1660:
! 1661: .calendar thead .name {
! 1662: padding: 2px;
! 1663: text-align: center;
! 1664: color: #000;
! 1665: border-bottom:1px solid #dedede;
! 1666: }
! 1667:
! 1668: .calendar thead .weekend {
! 1669: color: #666;
! 1670: background:#dedede;
! 1671: }
! 1672:
! 1673: .calendar thead .hilite {
! 1674: background-color: #444;
! 1675: color: #fff;
! 1676: padding: 1px;
! 1677: }
! 1678:
! 1679: .calendar thead .active {
! 1680: background-color: #d12f19;
! 1681: color:#fff;
! 1682: }
! 1683:
! 1684: .calendar tbody .day {
! 1685: width:2em;
! 1686: color: #222;
! 1687: text-align: right;
! 1688: padding: 1px;
! 1689: border: 1px solid #fff;
! 1690: }
! 1691:
! 1692: .calendar tbody .day.othermonth {
! 1693: font-size: 80%;
! 1694: color: #bbb;
! 1695: }
! 1696:
! 1697: .calendar tbody .day.othermonth.oweekend {
! 1698: color: #fbb;
! 1699: }
! 1700:
! 1701: .calendar table .wn {
! 1702: padding: 2px 2px 2px 2px;
! 1703: border-right: 1px solid #000;
! 1704: background: #666;
! 1705: }
! 1706:
! 1707: .calendar tbody .rowhilite td, .calendar tbody .rowhilite td.wn{
! 1708: background: #ddd;
! 1709: }
! 1710:
! 1711: .calendar tbody td.hilite {
! 1712: background:#444 !important;
! 1713: color:#fff !important;
! 1714: }
! 1715:
! 1716: .calendar tbody td.active {
! 1717: color:#529214;
! 1718: background: #529214 !important;
! 1719: }
! 1720:
! 1721: .calendar tbody td.selected {
! 1722: font-weight: bold;
! 1723: border: 1px solid #888;
! 1724: padding: 1px;
! 1725: background: #f5f5f5 !important;
! 1726: color: #222 !important;
! 1727: }
! 1728:
! 1729: .calendar tbody td.weekend {
! 1730: color: #666;
! 1731: }
! 1732:
! 1733: .calendar tbody td.today {
! 1734: font-weight: bold;
! 1735: color: #529214;
! 1736: background:#D9EFC2;
! 1737: }
! 1738:
! 1739: .calendar tbody .disabled {
! 1740: color: #999;
! 1741: }
! 1742:
! 1743: .calendar tbody .emptycell {
! 1744: visibility: hidden;
! 1745: }
! 1746:
! 1747: .calendar tbody .emptyrow {
! 1748: display: none;
! 1749: }
! 1750:
! 1751: .calendar tfoot .footrow {
! 1752: text-align: center;
! 1753: color: #fff;
! 1754: }
! 1755:
! 1756: .calendar tfoot .ttip {
! 1757: background: #556;
! 1758: color: #fff;
! 1759: font-size:10px;
! 1760: border-top: 1px solid #dedede;
! 1761: padding: 3px;
! 1762: -moz-border-radius-bottomright:11px;
! 1763: -moz-border-radius-bottomleft:11px;
! 1764: -webkit-border-bottom-left-radius:11px;
! 1765: -webkit-border-bottom-right-radius:11px;
! 1766: border-bottom-left-radius:11px;
! 1767: border-bottom-right-radius:11px;
! 1768: }
! 1769:
! 1770: .calendar tfoot .hilite {
! 1771: background: #aaf;
! 1772: border: 1px solid #04f;
! 1773: color: #000;
! 1774: padding: 1px;
! 1775: }
! 1776:
! 1777: .calendar tfoot .active {
! 1778: background: #77c;
! 1779: padding: 2px 0px 0px 2px;
! 1780: }
! 1781:
! 1782: .calendar .combo {
! 1783: position: absolute;
! 1784: display: none;
! 1785: top: 0px;
! 1786: left: 0px;
! 1787: width: 4em;
! 1788: border: 1px solid #ccc;
! 1789: background: #f5f5f5;
! 1790: color: #222;
! 1791: font-size: 90%;
! 1792: z-index: 100;
! 1793: }
! 1794:
! 1795: .calendar .combo .label,.calendar .combo .label-IEfix {
! 1796: text-align: center;
! 1797: padding: 1px;
! 1798: }
! 1799:
! 1800: .calendar .combo .label-IEfix {
! 1801: width: 4em;
! 1802: }
! 1803:
! 1804: .calendar .combo .hilite {
! 1805: background: #444;
! 1806: color:#fff;
! 1807: }
! 1808:
! 1809: .calendar .combo .active {
! 1810: border-top: 1px solid #999;
! 1811: border-bottom: 1px solid #999;
! 1812: background: #dedede;
! 1813: font-weight: bold;
! 1814: }
! 1815:
! 1816:
FreeBSD-CVSweb <freebsd-cvsweb@FreeBSD.org>
![[BACK]](/cvsweb/icons/back.gif){kind=icon}
Return to contact-form.css CVS log ![[TXT]](/cvsweb/icons/text.gif){kind=icon}
![[DIR]](/cvsweb/icons/dir.gif){kind=icon}
Up to [Local Repository] / pettastic / html / css