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