Advertisement
pixedelic

style.safari.google.bug.php

Oct 15th, 2011
123
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 117.81 KB | None | 0 0
  1. <?php header("Content-type: text/css"); ?>
  2. <?php require_once( '../../../wp-load.php' ); ?>
  3. <?php $os = strtolower($_SERVER['HTTP_USER_AGENT']); ?>
  4.  
  5.  
  6. /****************************************
  7. *
  8. *   GENERAL
  9. *
  10. ****************************************/
  11.  
  12. * {
  13.     outline: none;
  14.     -moz-outline-style: none;
  15.     .positione: relative;
  16. }
  17. *:active {
  18.     outline: none;
  19.     -moz-outline-style: none;
  20. }
  21. *:focus {
  22.     outline: none;
  23.     -moz-outline-style: none;
  24. }
  25. body {
  26. <?php if (get_pix_option('pix_body_background')=='single_image') { ?>
  27.     background-attachment: <?php echo get_pix_option('pix_body_background_single_image_attachment'); ?>;
  28.     background-image: url(<?php echo get_pix_option('pix_body_background_single_image'); ?>);
  29.     background-position: <?php echo get_pix_option('pix_body_background_single_image_position'); ?>;
  30.     background-repeat: <?php echo get_pix_option('pix_body_background_single_image_repeat'); ?>;
  31. <?php } elseif (get_pix_option('pix_body_background')=='pattern') { ?>
  32.     background-attachment: fixed;
  33.     background-image: url(<?php echo get_bloginfo('stylesheet_directory').'/images/'.get_pix_option('pix_body_background_pattern').'.png'; ?>);
  34.     background-position: center;
  35.     background-repeat: repeat;
  36. <?php } ?>
  37.     background-color: <?php echo get_pix_option('pix_body_background_color'); ?>;
  38.     font-family: '<?php echo splitFont(get_pix_option('pix_typo_general'),get_pix_option('pix_typo_general_own')); ?>', arial, serif;
  39.     font-size: <?php echo get_pix_option('pix_typo_general_fontsize'); ?>px;
  40.     line-height: 1.5em;
  41.     margin: 0;
  42.     padding: 0;
  43. }
  44. a {
  45.     color: <?php echo get_pix_option('pix_link_color'); ?>;
  46.     text-decoration: none;
  47. }
  48. a:hover {
  49.     text-decoration: underline;
  50. }
  51. img {
  52.     border-color: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  53. }
  54. a img:hover {
  55.     border-color: <?php echo get_pix_option('pix_general_box_bg_hover'); ?>;
  56. }
  57. figcaption {
  58.     background: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  59.     color: <?php echo get_pix_option('pix_general_light_text_color'); ?>;
  60. }
  61.  
  62. /****************************************
  63. *
  64. *   BOXES, DIVS, BUTTONS etc.
  65. *
  66. ****************************************/
  67. .button, .buttonspan a {
  68.     background-color: <?php echo get_pix_option('pix_buttons_bg'); ?>!important;
  69.     border: none;
  70.     color: <?php echo get_pix_option('pix_buttons_color'); ?>!important;
  71.     cursor: pointer;
  72.     display: moz-inline-box;
  73.     display: inline-block;
  74.     font-family: '<?php echo splitFont(get_pix_option('pix_typo_buttons'),get_pix_option('pix_typo_buttons_own')); ?>', arial, serif;
  75.     text-decoration: none!important;
  76. }
  77. .cusButton {
  78.     background-color: <?php echo get_pix_option('pix_buttons_bg'); ?>;
  79.     border: none;
  80.     color: <?php echo get_pix_option('pix_buttons_color'); ?>;
  81.     cursor: pointer;
  82.     display: moz-inline-box;
  83.     display: inline-block;
  84.     font-family: '<?php echo splitFont(get_pix_option('pix_typo_buttons'),get_pix_option('pix_typo_buttons_own')); ?>', arial, serif;
  85.     text-decoration: none!important;
  86. }
  87. .cusButton a {
  88.     color: inherit!important;
  89.     text-decoration: none;!important;
  90. }
  91. .buttonspan.alignleft a {
  92.     float: left;
  93. }
  94. .buttonspan.alignright a {
  95.     float: right;
  96. }
  97. .button:hover, .buttonspan a:hover {
  98.     background-color: <?php echo get_pix_option('pix_buttons_bghover'); ?>!important;
  99.     color: <?php echo get_pix_option('pix_buttons_colorhover'); ?>!important;
  100. }
  101. .button.small, .buttonspan.small a, .cusButton.small {
  102.     font-size: 10px;
  103.     line-height: 23px;
  104.     min-height: 23px;
  105.     margin: 5px 0;
  106.     padding: 0 7px;
  107. }
  108. .button.medium, .buttonspan.medium a, .cusButton.medium {
  109.     font-size: 12px;
  110.     line-height: 30px;
  111.     min-height: 30px;
  112.     margin: 5px 0;
  113.     padding: 0 12px;
  114. }
  115. .button.large, .buttonspan.large a, .cusButton.large {
  116.     font-size: 14px;
  117.     line-height: 40px;
  118.     min-height: 40px;
  119.     margin: 8px 0;
  120.     padding: 0 18px;
  121. }
  122. #prevent {
  123.     display: none;
  124. }
  125.  
  126.  
  127. /****************************************
  128. *
  129. *   TYPOGRAPHY
  130. *
  131. ****************************************/
  132. h1.entry-title, h2.entry-title {
  133.     border-bottom: 1px solid <?php echo get_pix_option('pix_general_box_bg'); ?>;
  134.     color: <?php echo get_pix_option('pix_h1_color'); ?>;
  135.     font-family: '<?php echo splitFont(get_pix_option('pix_typo_h1'),get_pix_option('pix_typo_h1_own')); ?>', arial, serif;
  136.     font-size: 3em;
  137.     margin: -20px 0 0 -35px;
  138.     padding-left: 35px;
  139.     padding-top: 20px;
  140. }
  141. h1 {
  142.     border-bottom: 1px solid <?php echo get_pix_option('pix_general_box_bg'); ?>;
  143.     color: <?php echo get_pix_option('pix_h1_color'); ?>;
  144.     font-family: '<?php echo splitFont(get_pix_option('pix_typo_h1'),get_pix_option('pix_typo_h1_own')); ?>', arial, serif;
  145.     font-size: 2.8em;
  146.     margin-left: -35px;
  147.     padding-left: 35px;
  148. }
  149. h1 a {
  150.     color: <?php echo get_pix_option('pix_h1_color'); ?>;
  151. }
  152. h1 a:hover {
  153.     background-color: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  154.     text-decoration: none;
  155. }
  156. h2 {
  157.     border-bottom: 1px solid <?php echo get_pix_option('pix_general_box_bg'); ?>;
  158.     color: <?php echo get_pix_option('pix_h2_color'); ?>;
  159.     font-family: '<?php echo splitFont(get_pix_option('pix_typo_h2'),get_pix_option('pix_typo_h2_own')); ?>', arial, serif;
  160.     font-size: 2.2em;
  161.     margin-left: -35px;
  162.     padding-left: 35px;
  163. }
  164. h2 a {
  165.     color: <?php echo get_pix_option('pix_h2_color'); ?>;
  166. }
  167. h2 a:hover {
  168.     background-color: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  169.     text-decoration: none;
  170. }
  171. h3 {
  172.     border-bottom: 1px solid <?php echo get_pix_option('pix_general_box_bg'); ?>;
  173.     color: <?php echo get_pix_option('pix_h3_color'); ?>;
  174.     font-family: '<?php echo splitFont(get_pix_option('pix_typo_h3'),get_pix_option('pix_typo_h3_own')); ?>', arial, serif;
  175.     font-size: 2em;
  176.     margin-left: -35px;
  177.     padding-left: 35px;
  178. }
  179. h3 a {
  180.     color: <?php echo get_pix_option('pix_h3_color'); ?>;
  181. }
  182. h3 a:hover {
  183.     background-color: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  184.     text-decoration: none;
  185. }
  186. h4 {
  187.     color: <?php echo get_pix_option('pix_h4_color'); ?>;
  188.     font-family: '<?php echo splitFont(get_pix_option('pix_typo_h4'),get_pix_option('pix_typo_h4_own')); ?>', arial, serif;
  189.     font-size: 1.7em;
  190.     padding-bottom: 0;
  191. }
  192. h4 a {
  193.     color: <?php echo get_pix_option('pix_h4_color'); ?>;
  194. }
  195. h4 a:hover {
  196.     background-color: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  197.     text-decoration: none;
  198. }
  199. h5 {
  200.     color: <?php echo get_pix_option('pix_h5_color'); ?>;
  201.     font-family: '<?php echo splitFont(get_pix_option('pix_typo_h5'),get_pix_option('pix_typo_h5_own')); ?>', arial, serif;
  202.     font-size: 1.5em;
  203.     padding-bottom: 0;
  204. }
  205. h5 a {
  206.     color: <?php echo get_pix_option('pix_h5_color'); ?>;
  207. }
  208. h5 a:hover {
  209.     background-color: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  210.     text-decoration: none;
  211. }
  212. h6 a:hover {
  213.     background-color: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  214.     text-decoration: none;
  215. }
  216. h6 {
  217.     color: <?php echo get_pix_option('pix_h6_color'); ?>;
  218.     font-family: '<?php echo splitFont(get_pix_option('pix_typo_h6'),get_pix_option('pix_typo_h6_own')); ?>', arial, serif;
  219.     font-size: 1.2em;
  220.     padding-bottom: 0;
  221.     text-transform: uppercase;
  222. }
  223. h6 a {
  224.     color: <?php echo get_pix_option('pix_h6_color'); ?>;
  225. }
  226. aside h3.first {
  227.     margin-top: -20px;
  228.     padding-top: 1.5em;
  229. }
  230. p.subtitle {
  231.     color: <?php echo get_pix_option('pix_general_light_text_color'); ?>;
  232.     font-size: 1.1em;
  233.     font-style: italic;
  234. }
  235.  
  236.  
  237. /****************************************
  238. *
  239. *   LAYOUT
  240. *
  241. ****************************************/
  242. #body {
  243.     float: left;
  244.     height: 0;
  245.     padding-bottom: 80px;
  246.     position: relative;
  247.     width: 1050px;
  248.     z-index: 1;
  249. }
  250. .pix_overlay_pattern {
  251. <?php if(get_pix_option('pix_overlay_pattern')!='none'){ ?>
  252.     background:url(images/overlay<?php echo get_pix_option('pix_overlay_pattern'); ?>.png) repeat;
  253. <?php } ?>
  254.     height: 100%;
  255.     left: 0;
  256.     opacity: <?php echo get_pix_option('pix_overlay_pattern_opacity'); ?>;
  257.     filter:alpha(opacity=<?php echo get_pix_option('pix_overlay_pattern_opacity')*100; ?>);
  258.     position: fixed;
  259.     top: 0;
  260.     width: 100%;
  261.     z-index: -1;
  262. }
  263. #wide_flash, object#wide_flash {
  264.     height: 100%;
  265.     overflow: hidden;
  266.     position: fixed;
  267.     left: 0;
  268.     top: 0;
  269. <?php if (strpos($os,'opera')!==false && strpos($os,'windows')!==false) { ?>
  270.     z-index: 0;
  271. <?php } else { ?>
  272.     z-index: -1;
  273. <?php } ?>
  274. }
  275. .iwstyle {
  276.     font-size: 12px;
  277.     height: 80px;
  278.     width: 200px;
  279. }
  280. .gmnoprint {
  281.     right: 98px!important;
  282. }
  283. section {
  284.     color: <?php echo get_pix_option('pix_content_text_color'); ?>;
  285.     float: right;
  286.     margin-top: 200px;
  287.     position: relative;
  288.     width: 780px;
  289.     z-index: 0;
  290. }
  291. article, aside {
  292. <?php if (strpos($os,'msie 8')!=true) { ?>
  293.     visibility: hidden;
  294. <?php } ?>
  295. }
  296. article  {
  297.     background: rgba(<?php echo hex2RGB(get_pix_option('pix_content_background'), true); ?>, <?php echo get_pix_option('pix_content_bg_opacity'); ?>);
  298. <?php if (strpos($os,'msie 7')==true ||  strpos($os,'msie 8')==true) { ?>
  299.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#<?php echo opacHex(get_pix_option('pix_content_bg_opacity')) . remove_something('#',get_pix_option('pix_content_background')); ?>, endColorstr=#<?php echo opacHex(get_pix_option('pix_content_bg_opacity')) . remove_something('#',get_pix_option('pix_content_background')); ?>);
  300.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#<?php echo opacHex(get_pix_option('pix_content_bg_opacity')) . remove_something('#',get_pix_option('pix_content_background')); ?>, endColorstr=#<?php echo opacHex(get_pix_option('pix_content_bg_opacity')) . remove_something('#',get_pix_option('pix_content_background')); ?>)";
  301. <?php } ?>
  302.     float: left;
  303.     overflow: hidden;
  304.     position: relative;
  305.     width: 499px;
  306.     z-index: 3;
  307. }
  308. article.margin-right {
  309.     float: right;
  310. }
  311. article.seveneighty {
  312.     width: 780px;
  313. }
  314. aside {
  315.     background-color: rgba(<?php echo hex2RGB(get_pix_option('pix_content_background'), true); ?>, <?php echo get_pix_option('pix_content_bg_opacity'); ?>);
  316. <?php if (strpos($os,'msie 7')==true ||  strpos($os,'msie 8')==true) { ?>
  317.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#<?php echo opacHex(get_pix_option('pix_content_bg_opacity')) . remove_something('#',get_pix_option('pix_content_background')); ?>, endColorstr=#<?php echo opacHex(get_pix_option('pix_content_bg_opacity')) . remove_something('#',get_pix_option('pix_content_background')); ?>);
  318.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#<?php echo opacHex(get_pix_option('pix_content_bg_opacity')) . remove_something('#',get_pix_option('pix_content_background')); ?>, endColorstr=#<?php echo opacHex(get_pix_option('pix_content_bg_opacity')) . remove_something('#',get_pix_option('pix_content_background')); ?>)";
  319. <?php } ?>
  320.     float: right;
  321.     overflow: hidden;
  322.     position: relative;
  323.     width: 278px;
  324.     z-index: 2;
  325. }
  326. aside.leftsidebar {
  327.     float: left;
  328. }
  329. aside.leftalone {
  330.     margin-right: 502px;
  331. }
  332. .hentry {
  333.     width: 429px;
  334. }
  335. .seveneighty .hentry {
  336.     width: 710px;
  337. }
  338. .hentry.portfolio {
  339.     float: left;
  340. }
  341. .hentry input[type=text], .hentry input[type=email], .hentry input[type=tel], .hentry select {
  342.     width: 60%;
  343. }
  344. textarea {
  345.     background-color: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  346.     border: 1px solid transparent;
  347.     clear: both;
  348.     color: <?php echo get_pix_option('pix_content_text_color'); ?>;
  349.     font-family: '<?php echo splitFont(get_pix_option('pix_typo_general'),get_pix_option('pix_typo_general_own')); ?>', arial, serif;
  350.     font-size: <?php echo get_pix_option('pix_typo_general_fontsize'); ?>px;
  351.     height: 110px;
  352.     overflow: auto;
  353.     padding: 5px;
  354.     width: 75%;
  355. }
  356. aside textarea {
  357.     height: 60px;
  358.     width: 196px;
  359. }
  360. .commentlist textarea {
  361.     width: 409px;
  362. }
  363. .commentlist ul textarea {
  364.     width: 389px;
  365. }
  366. .commentlist ul ul textarea {
  367.     width: 369px;
  368. }
  369. .commentlist ul ul ul textarea {
  370.     width: 349px;
  371. }
  372. .commentlist ul ul ul ul textarea {
  373.     width: 329px;
  374. }
  375. form span {
  376.     clear: both;
  377.     display: block;
  378.     overflow: auto;
  379.     position: relative;
  380. }
  381. span.textwrap {
  382.     background-color: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  383.     color: <?php echo get_pix_option('pix_content_text_color'); ?>;
  384.     padding: 0 5px;
  385. }
  386. input.error, textarea.error {
  387.     background-color: #ffe1e5!important;
  388. }
  389. label.error {
  390.     color: #da2e00;
  391.     height: 20px;
  392.     margin: 0;
  393.     position: absolute;
  394.     right: 0;
  395.     top: 0;
  396.     width: 20px;
  397. }
  398. .toggle_arrow {
  399.     font-size: 17px;
  400.     padding: 20px 15px;
  401.     position: absolute;
  402.     right: -35px;
  403.     text-align: center;
  404. <?php if (strpos($os,'windows')==false ) { ?>
  405.     top: -3px;
  406. <?php } else { ?>
  407.     top: 1px;
  408. <?php } ?>
  409. }
  410. article > div {
  411. <?php if(get_pix_option('pix_footer_show')=='show'){ ?>
  412.     padding: 20px 35px 130px;
  413. <?php } else { ?>
  414.     padding: 20px 35px 40px;
  415. <?php } ?>
  416. }
  417. aside > div {
  418. <?php if(get_pix_option('pix_footer_show')=='show'){ ?>
  419.     padding: 20px 35px 130px;
  420. <?php } else { ?>
  421.     padding: 20px 35px 40px;
  422. <?php } ?>
  423. }
  424. #breadcrumbs {
  425.     border-left: 35px solid <?php echo get_pix_option('pix_general_box_bg'); ?>;
  426.     clear: both;
  427. <?php if(get_pix_option('pix_breadcrumbs_show')=='show'){ ?>
  428.     display: block;
  429. <?php } else { ?>
  430.     display: none;
  431. <?php } ?>
  432.     float: none;
  433.     margin: 0 0 0 -35px;
  434.     overflow: auto;
  435.     padding: 0;
  436.     position: relative;
  437. }
  438. #breadcrumbs li {
  439.     background-color: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  440.     color: <?php echo get_pix_option('pix_general_light_text_color'); ?>;
  441.     float: left;
  442.     font-size: 0.85em;
  443.     list-style: none;
  444.     margin: 0!important;
  445.     padding-right: 4px;
  446. }
  447. #breadcrumbs li.current {
  448.     color: <?php echo get_pix_option('pix_content_text_color'); ?>;
  449. }
  450. #breadcrumbs li a {
  451.     color: <?php echo get_pix_option('pix_general_light_text_color'); ?>;
  452. }
  453. .pix_pagenavi {
  454.     clear: both;
  455.     padding-top: 20px;
  456. }
  457. .pix_pagenavi ul {
  458.     margin: 0;
  459.     padding: 0;
  460. }
  461. .pix_pagenavi li {
  462.     display: inline-block;
  463.     float: left;
  464.     font-size: 11px;
  465.     height: 20px;
  466.     line-height: 20px;
  467.     list-style: none;
  468.     margin-right: 2px;
  469.     text-align: center;
  470.     width: 20px;
  471. }
  472. .pix_pagenavi li.on {
  473.     border: 1px solid transparent;
  474.     color: <?php echo get_pix_option('pix_content_text_color'); ?>;
  475.     height: 18px;
  476.     line-height: 18px;
  477.     width: 18px;
  478. }
  479. .pix_pagenavi li a {
  480.     background: <?php echo get_pix_option('pix_content_background'); ?>;
  481.     border: 1px solid <?php echo get_pix_option('pix_general_box_bg'); ?>;
  482.     color: <?php echo get_pix_option('pix_general_light_text_color'); ?>;
  483.     display: block;
  484.     height: 18px;
  485.     line-height: 18px;
  486.     text-align: center;
  487. }
  488. .pix_pagenavi li a:hover {
  489.     border-color: <?php echo get_pix_option('pix_general_box_bg_hover'); ?>;
  490.     color: <?php echo get_pix_option('pix_general_light_text_color_hover'); ?>;
  491.     text-decoration: none;
  492. }
  493. .hentry img, .hentry iframe, .pix_thumbs img, .widget_pixrecentposts img {
  494.     border: 1px solid <?php echo get_pix_option('pix_general_box_bg'); ?>;
  495. }
  496. .hentry a:hover img, .pix_thumbs a:hover img {
  497.     border: 1px solid <?php echo get_pix_option('pix_general_box_bg_hover'); ?>;
  498. }
  499. .hentry img.alignleft, .hentry .imgHentry.alignleft {
  500.     margin: 2px 10px 10px 0;
  501. }
  502. .hentry img.alignright, .hentry .imgHentry.alignright {
  503.     margin: 2px 0 10px 10px;
  504. }
  505. .hentry img.aligncenter, .hentry .imgHentry.aligncenter {
  506.     margin-bottom: 10px;
  507.     margin-top: 2px;
  508. }
  509. .hentry ul li {
  510.     margin: 5px 0;
  511. }
  512. .hentry dt.gallery-icon .imgHentry {
  513.     float: left;
  514. }
  515. section.widepagePortfolio {
  516.     padding-bottom: 100px;
  517. }
  518. section.widepagePortfolio > div {
  519.     clear: both;
  520.     display: block;
  521. }
  522. section.widepagePortfolio .hentry {
  523.     margin: 5px;
  524.     width: auto!important;
  525. }
  526. #infscr-loading {
  527.   background: #000;
  528.   border-radius: 10px;
  529.   -moz-border-radius: 10px;
  530.   -webkit-border-radius: 10px;
  531.   color: #fff;
  532.   height: 100px;
  533.   left: 50%;
  534.   margin: -50px 0 0 -100px;
  535.   opacity: 0.8;
  536.   padding: 10px;
  537.   position: fixed;
  538.   top: 50%;
  539.   width: 200px;
  540.   z-index: 5000;
  541. }
  542. #page_nav_span {
  543.     border-top: 1px solid <?php echo get_pix_option('pix_general_box_bg'); ?>;
  544.     clear: both;
  545.     display: block;
  546.     margin: 20px 0 10px -35px;
  547.     padding-left: 35px;
  548.     position: relative;
  549. }
  550. .widepagePortfolio #page_nav_span {
  551.     border: 0!important;
  552. }
  553. a#page_nav {
  554.     display: inline-block!important;
  555.     display: moz-inline-box!important;
  556.     margin: -1px 4px 0 0;
  557.     padding: 0 10px;
  558.     text-decoration: none!important;
  559. }
  560. .widepagePortfolio a#page_nav {
  561.     line-height: 40px;
  562.     padding: 0 40px;
  563. }
  564. a#page_nav:hover {
  565.     background-color: <?php echo get_pix_option('pix_buttons_bg_hover'); ?>;
  566. }
  567. #filtering-nav {
  568.     border-bottom: 1px solid <?php echo get_pix_option('pix_general_box_bg'); ?>;
  569.     clear: both;
  570.     display: block;
  571.     margin: 10px 0 10px -35px;
  572.     .overflow: hidden;
  573.     padding-left: 35px;
  574. }
  575. .widepagePortfolio #filtering-nav {
  576.     margin: 0 0 10px -35px;
  577.     border: 0!important;
  578. }
  579. #filtering-nav a {
  580.     background-color: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  581.     border: 1px solid <?php echo get_pix_option('pix_general_box_bg'); ?>;
  582.     border-bottom-color: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  583.     color: <?php echo get_pix_option('pix_content_text_color'); ?>;
  584.     display: inline-block;
  585.     display: moz-inline-box;
  586.     .float: left;
  587.     line-height: 25px;
  588.     margin: 5px 4px -1px 0;
  589.     padding: 0 10px;
  590.     text-decoration: none!important;
  591. }
  592. .widepagePortfolio #filtering-nav a {
  593.     background-color: <?php echo get_pix_option('pix_content_background'); ?>;
  594.     border: 0!important;
  595.     color: <?php echo get_pix_option('pix_content_text_color'); ?>!important;
  596.     line-height: 40px;
  597.     margin: 0 4px 4px 0;
  598.     padding: 0 20px;
  599. }
  600. #filtering-nav a.selected {
  601.     background: transparent!important;
  602.     border-color: transparent!important;
  603.     color: <?php echo get_pix_option('pix_content_text_color'); ?>!important;
  604.     cursor: text!important;
  605. }
  606. .widepagePortfolio #filtering-nav a.selected {
  607.     background-color: transparent!important;
  608.     border-color: transparent!important;
  609.     color: <?php echo get_pix_option('pix_content_background'); ?>!important;
  610.     cursor: text!important;
  611. }
  612. #filtering-nav a:hover {
  613.     background-color: <?php echo get_pix_option('pix_general_box_bg_hover'); ?>;
  614.     border-color: <?php echo get_pix_option('pix_general_box_bg_hover'); ?>;
  615.     border-bottom-color: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  616.     color: <?php echo get_pix_option('pix_content_text_color'); ?>;
  617. }
  618. .widepagePortfolio #filtering-nav a:hover {
  619.     background-color: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  620.     border: 0!important;
  621.     color: <?php echo get_pix_option('pix_general_box_bg_hover'); ?>;
  622. }
  623. .isotope-item {
  624.   z-index: 2;
  625. }
  626.  
  627. .isotope-hidden.isotope-item {
  628.   pointer-events: none;
  629.   z-index: 1;
  630. }
  631. .imgHentry {
  632.     background: <?php echo get_pix_option('pix_content_text_color'); ?>;
  633.     margin-top: 20px;
  634.     overflow: hidden;
  635.     position: relative;
  636. }
  637. .linkIcon {
  638.     display: none;
  639.     left: 0;
  640.     position: absolute;
  641.     top: 0;
  642. }
  643. .enlarge-icon {
  644.     background: url(images/enlarge-icon.png) no-repeat center;
  645.     display: block;
  646.     float: left;
  647.     position: relative;
  648.     text-decoration: none!important;
  649. }
  650. .linkIcon.enlarge-icon {
  651.     display: none;
  652.     left: 0;
  653.     position: absolute;
  654.     top: 0;
  655. }
  656. .play-icon {
  657.     background: url(images/play-icon.png) no-repeat center;
  658.     display: block;
  659.     float: left;
  660.     position: relative;
  661.     text-decoration: none!important;
  662. }
  663. .goto-icon {
  664.     background: url(images/goto-icon.png) no-repeat center;
  665.     display: block;
  666.     float: left;
  667.     position: relative;
  668.     text-decoration: none!important;
  669. }
  670. .moreinfo-icon {
  671.     background: url(images/moreinfo-icon.png) no-repeat center;
  672.     display: block;
  673.     float: left;
  674.     position: relative;
  675.     text-decoration: none!important;
  676. }
  677. .postmetadata, .single .posttags_list {
  678.     border-left: 35px solid <?php echo get_pix_option('pix_general_box_bg'); ?>;
  679.     clear: both;
  680.     color: <?php echo get_pix_option('pix_general_light_text_color'); ?>;
  681.     display: block;
  682.     float: none;
  683.     font-size: 0.9em;
  684.     margin: 0 0 1px -35px;
  685.     overflow: auto;
  686.     padding: 0;
  687.     position: relative;
  688. }
  689. .archive .postmetadata, .blog .postmetadata {
  690.     margin: -1.8em 0 1.8em -35px;
  691. }
  692. .single .posttags_list {
  693.     border-top: 1px solid <?php echo get_pix_option('pix_general_box_bg'); ?>;
  694.     float: none;
  695.     margin: 10px 0 10px -35px;
  696. }
  697. .postmetadata a, .single .posttags_list a {
  698.     color: <?php echo get_pix_option('pix_content_text_color'); ?>;
  699. }
  700. .postmetadata > span, .single .posttags_list > span {
  701.     background: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  702.     float: left;
  703.     padding-right: 4px;
  704. }
  705. aside ul {
  706.     marging: 0;
  707.     padding: 0 0 0 20px;
  708.     list-style: disc;
  709. }
  710. .marginZero {
  711.     margin-right: 0!important;
  712. }
  713. .commentlist {
  714.     margin: 0;
  715.     padding-left: 10px;
  716. }
  717. .commentlist ul {
  718.     margin: 0;
  719.     padding-left: 20px;
  720. }
  721. .commentlist ul ul ul ul {
  722.     padding-bottom: 15px;
  723. }
  724. .commentlist li {
  725.     font-size: 11px;
  726.     list-style: none;
  727.     margin: 5px 0;
  728.     padding: 0;
  729.     position: relative;
  730. }
  731. .commentlist li .span_in {
  732.     background-color: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  733.     clear: both;
  734.     display: block;
  735.     line-height: 16px;
  736.     margin-bottom: 30px;
  737.     padding: 10px;
  738.     position: relative;
  739. }
  740. .commentlist li.depth-5 .span_in {
  741.     margin-bottom: 10px!important;
  742. }
  743. .commentlist .comment-author.vcard img {
  744.     border: 1px solid <?php echo get_pix_option('pix_general_box_bg'); ?>;
  745.     float: left;
  746.     margin-left: -20px;
  747.     .margin-left: 0;
  748.     margin-right: 10px;
  749. }
  750. .commentlist .reply {
  751.     bottom: -23px;
  752.     position: absolute;
  753.     right: 5px;
  754. }
  755. .commentlist .depth-5 .reply {
  756.     border: none;
  757. }
  758. .commentlist .reply a {
  759.     float: left;
  760.     margin: 0;
  761. }
  762. .commentlist .head-comment {
  763.     color: <?php echo get_pix_option('pix_content_text_color'); ?>;
  764.     font-size: 14px;
  765.     line-height: 20px;
  766. }
  767. .commentlist .head-comment span {
  768.     font-size: 12px;
  769.     font-style: italic;
  770. }
  771. .commentlist #respond {
  772.     clear: both;
  773.     overflow: hidden;
  774.     padding-bottom: 30px;
  775.     position: relative;
  776. }
  777. .commentform input[type=text], .commentform input[type=email] {
  778.     display: block;
  779.     width: 60%;
  780. }
  781. .commentform label {
  782.     display: block;
  783. }
  784. .commentform textarea, .commentform button {
  785.     display: block;
  786.     clear: both;
  787. }
  788. pre {
  789.     background: url(images/prebg.jpg) 0 0 repeat;
  790.     border: 1px solid <?php echo get_pix_option('pix_general_box_bg'); ?>;
  791.     clear: both;
  792.     color: <?php echo get_pix_option('pix_general_light_text_color'); ?>;
  793.     line-height: 20px;
  794.     margin: 20px 0;
  795.     overflow: auto;
  796.     padding: 19px 20px 19px;
  797. }
  798. code {
  799.     background: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  800.     border: 1px solid <?php echo get_pix_option('pix_general_box_bg'); ?>;
  801.     color: <?php echo get_pix_option('pix_general_light_text_color'); ?>;;
  802.     padding: 0 2px;
  803. }
  804.  
  805.  
  806. /***************************** HEADER *****************************/
  807.  
  808. header {
  809.     background-color: rgba(<?php echo hex2RGB(get_pix_option('pix_header_background'), true); ?>, <?php echo get_pix_option('pix_header_bg_opacity'); ?>);
  810. <?php if (strpos($os,'msie 7')==true ||  strpos($os,'msie 8')==true) { ?>
  811.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#<?php echo opacHex(get_pix_option('pix_header_bg_opacity')) . remove_something('#',get_pix_option('pix_header_background')); ?>, endColorstr=#<?php echo opacHex(get_pix_option('pix_header_bg_opacity')) . remove_something('#',get_pix_option('pix_header_background')); ?>);
  812.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#<?php echo opacHex(get_pix_option('pix_header_bg_opacity')) . remove_something('#',get_pix_option('pix_header_background')); ?>, endColorstr=#<?php echo opacHex(get_pix_option('pix_header_bg_opacity')) . remove_something('#',get_pix_option('pix_header_background')); ?>)";
  813. <?php } ?>
  814.     clear: both;
  815.     font-family: '<?php echo splitFont(get_pix_option('pix_typo_sitetitle'),get_pix_option('pix_typo_sitetitle_own')); ?>', arial, serif;
  816.     left: 0;
  817.     overflow: hidden;
  818. <?php if(get_pix_option('pix_header_position')=='scrollable') { ?>
  819.     position: absolute;
  820. <?php } else { ?>
  821.     position: fixed;
  822. <?php } ?>
  823.     top: 0;
  824.     visibility: hidden;
  825.     z-index: 3;
  826. }
  827. header #logo {
  828.     height: 30px;
  829.     padding: 50px 20px 30px;
  830. }
  831. header h1, header #logo > div {
  832.     border: none;
  833.     color: <?php echo get_pix_option('pix_header_text_color'); ?>;
  834.     font-family: '<?php echo splitFont(get_pix_option('pix_typo_sitetitle'),get_pix_option('pix_typo_sitetitle_own')); ?>', arial, serif;
  835.     font-size: <?php echo get_pix_option('pix_typo_sitetitle_fontsize'); ?>px;
  836.     line-height: <?php echo get_pix_option('pix_typo_sitetitle_fontsize'); ?>px;
  837.     margin: 0;
  838.     padding: 0;
  839. }
  840. header h1 small, header > div small {
  841.     font-family: '<?php echo splitFont(get_pix_option('pix_typo_sitedescription'),get_pix_option('pix_typo_sitedescription_own')); ?>', arial, serif;
  842.     font-size: <?php echo get_pix_option('pix_typo_sitedescription_fontsize'); ?>px;
  843. }
  844. header a {
  845.     background-color: transparent!important;
  846.     background-image: url(<?php echo get_pix_option('pix_header_image_bg'); ?>);
  847.     background-position: <?php echo get_pix_option('pix_header_image_position'); ?>;
  848.     background-repeat: <?php echo get_pix_option('pix_header_image_repeat'); ?>;
  849.     color: <?php echo get_pix_option('pix_header_text_color'); ?>;
  850.     display: block;
  851.     margin: <?php echo get_pix_option('pix_header_margin'); ?>;
  852.     padding: <?php echo get_pix_option('pix_header_padding'); ?>;
  853.     text-decoration: none!important;
  854. }
  855. #social_bar {
  856.     background-color: rgba(<?php echo hex2RGB(get_pix_option('pix_header_background'), true); ?>, <?php echo get_pix_option('pix_header_bg_opacity'); ?>);
  857. <?php if (strpos($os,'msie 7')==true ||  strpos($os,'msie 8')==true) { ?>
  858.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#<?php echo opacHex(get_pix_option('pix_header_bg_opacity')) . remove_something('#',get_pix_option('pix_header_background')); ?>, endColorstr=#<?php echo opacHex(get_pix_option('pix_header_bg_opacity')) . remove_something('#',get_pix_option('pix_header_background')); ?>);
  859.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#<?php echo opacHex(get_pix_option('pix_header_bg_opacity')) . remove_something('#',get_pix_option('pix_header_background')); ?>, endColorstr=#<?php echo opacHex(get_pix_option('pix_header_bg_opacity')) . remove_something('#',get_pix_option('pix_header_background')); ?>)";
  860. <?php } ?>
  861.     color: <?php echo get_pix_option('pix_header_text_color'); ?>;
  862.     left: -1000px;
  863. <?php if(get_pix_option('pix_header_position')=='scrollable') { ?>
  864.     position: absolute;
  865. <?php } else { ?>
  866.     position: fixed;
  867. <?php } ?>
  868.     top: -50px;
  869.     z-index: 3;
  870. }
  871. #social_bar .wrapIn {
  872.     height: 20px;
  873.     padding: 5px 0 17px 10px;
  874.     position: relative;
  875.     .width: auto;
  876.     .display: inline;
  877.     .float: left;
  878. }
  879. .click.icons {
  880.     background-color: rgba(<?php echo hex2RGB(get_pix_option('pix_header_background'), true); ?>, <?php echo get_pix_option('pix_header_bg_opacity'); ?>);
  881. <?php if (strpos($os,'msie 7')==true ||  strpos($os,'msie 8')==true) { ?>
  882.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#<?php echo opacHex(get_pix_option('pix_header_bg_opacity')) . remove_something('#',get_pix_option('pix_header_background')); ?>, endColorstr=#<?php echo opacHex(get_pix_option('pix_header_bg_opacity')) . remove_something('#',get_pix_option('pix_header_background')); ?>);
  883.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#<?php echo opacHex(get_pix_option('pix_header_bg_opacity')) . remove_something('#',get_pix_option('pix_header_background')); ?>, endColorstr=#<?php echo opacHex(get_pix_option('pix_header_bg_opacity')) . remove_something('#',get_pix_option('pix_header_background')); ?>)";
  884. <?php } ?>
  885.     color: <?php echo get_pix_option('pix_header_text_color'); ?>;
  886.     cursor: pointer;
  887.     display: block;
  888.     font-size: 17px;
  889.     height: 42px;
  890.     left: 1015px;
  891.     line-height: 35px;
  892. <?php if(get_pix_option('pix_header_position')=='scrollable') { ?>
  893.     position: absolute;
  894. <?php } else { ?>
  895.     position: fixed;
  896. <?php } ?>
  897.     width: 35px;
  898.     text-align: center;
  899.     top: -50px;
  900.     z-index: 2;
  901. }
  902. #social_bar form {
  903.     float: right;
  904.     position: relative;
  905. }
  906. #social_bar input.typeText {
  907.     background-color: rgba(<?php echo hex2RGB(get_pix_option('pix_header_text_color'), true); ?>, .2)!important;
  908. <?php if (strpos($os,'msie 7')==true ||  strpos($os,'msie 8')==true) { ?>
  909.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#<?php echo opacHex('0.2') . remove_something('#',get_pix_option('pix_header_text_color')); ?>, endColorstr=#<?php echo opacHex('0.2') . remove_something('#',get_pix_option('pix_header_text_color')); ?>);
  910.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#<?php echo opacHex('0.2') . remove_something('#',get_pix_option('pix_header_text_color')); ?>, endColorstr=#<?php echo opacHex('0.2') . remove_something('#',get_pix_option('pix_header_text_color')); ?>)";
  911. <?php } ?>
  912.     border: 0;
  913.     color: <?php echo get_pix_option('pix_header_text_color'); ?>;
  914.     .display: inline;
  915.     float: left;
  916.     .float: inherit;
  917.     font-size: 14px;
  918.     height: 27px;
  919.     line-height: 27px;
  920.     margin: 1px 0 0 0;
  921.     .margin-left: 20px;
  922.     padding: 0;
  923.     width: 130px;
  924. }
  925. #social_bar input.typeSubmit {
  926.     background: transparent;
  927.     border: 0;
  928.     cursor: pointer;
  929.     .display: inline;
  930.     float: left;
  931.     .float: inherit;
  932.     font-size: 25px;
  933.     height: 22px;
  934.     line-height: 22px;
  935.     margin: 0;
  936.     padding: 0;
  937.     position: relative;
  938.     width: 25px;
  939.     z-index: 2;
  940. }
  941. #social_bar form .icons {
  942.     background: transparent;
  943.     border: 0;
  944.     color: <?php echo get_pix_option('pix_header_text_color'); ?>;
  945.     cursor: pointer;
  946.     float: left;
  947.     font-size: 27px;
  948.     height: 25px;
  949.     line-height: 25px;
  950.     margin: 0;
  951.     overflow: hidden;
  952.     padding: 0;
  953.     position: absolute;
  954.     right: 0;
  955.     text-align: center;
  956.     top: 0;
  957.     width: 20px;
  958.     z-index: 1;
  959. }
  960. #social_bar div.icon {
  961.     float: right;
  962.     margin: 2px 10px 0 0;
  963. }
  964. #social_bar .icon a {
  965.     background: none!important;
  966.     color: <?php echo get_pix_option('pix_header_text_color'); ?>;
  967.     display: block;
  968.     .display: inline;
  969.     float: left;
  970.     .float: inherit;
  971.     font-size: 25px;
  972.     height: 25px;
  973.     line-height: 25px;
  974.     padding: 0 10px;
  975.     text-decoration: none!important;
  976. }
  977.  
  978. /***************************** NAVIGATION *****************************/
  979.  
  980. nav {
  981.     clear: both;
  982.     left: 0;
  983.     margin: 100px 30px 0 0;
  984. <?php if(get_pix_option('pix_nav_position')=='scrollable') { ?>
  985.     position: absolute;
  986.     padding-bottom: 83px;
  987. <?php } else { ?>
  988.     position: fixed;
  989. <?php } ?>
  990.     top: 100px;
  991.     z-index: 3;
  992. }
  993. nav ul {
  994.     background: transparent;
  995.     clear: left;
  996.     float: left;
  997.     list-style: none;
  998.     margin: 0;
  999.     padding: 0;
  1000. }
  1001. nav ul#secondary {
  1002.     margin-top: 50px;
  1003. }
  1004. nav li {
  1005.     background: transparent;
  1006.     display: block;
  1007.     float: left;
  1008.     height: 44px;
  1009.     line-height: 42px;
  1010.     margin: 0;
  1011.     padding: 0;
  1012.     position: relative;
  1013. }
  1014. nav > ul > li {
  1015.     clear: both;
  1016.     font-family: '<?php echo splitFont(get_pix_option('pix_typo_firstlevellink'),get_pix_option('pix_typo_firstlevellink_own')); ?>', arial, serif;
  1017.     font-size: <?php echo get_pix_option('pix_typo_firstlevellink_fontsize'); ?>px;
  1018.     margin-left: -1000px;
  1019. }
  1020. nav > ul > li > a {
  1021.     background-color: rgba(<?php echo hex2RGB(get_pix_option('pix_first_level_background'), true); ?>, <?php echo get_pix_option('pix_first_level_opacity'); ?>)!important;
  1022. <?php if (strpos($os,'msie 7')==true ||  strpos($os,'msie 8')==true) { ?>
  1023.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#<?php echo opacHex(get_pix_option('pix_first_level_opacity')) . remove_something('#',get_pix_option('pix_first_level_background')); ?>, endColorstr=#<?php echo opacHex(get_pix_option('pix_first_level_opacity')) . remove_something('#',get_pix_option('pix_first_level_background')); ?>);
  1024.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#<?php echo opacHex(get_pix_option('pix_first_level_opacity')) . remove_something('#',get_pix_option('pix_first_level_background')); ?>, endColorstr=#<?php echo opacHex(get_pix_option('pix_first_level_opacity')) . remove_something('#',get_pix_option('pix_first_level_background')); ?>)";
  1025. <?php } ?>
  1026.     border-right: 0px solid <?php echo get_pix_option('pix_first_level_border'); ?>;
  1027.     color: <?php echo get_pix_option('pix_first_level_color'); ?>;
  1028.     display: block;
  1029.     float: left;
  1030.     height: 42px;
  1031.     line-height: 42px;
  1032.     margin-bottom: 3px;
  1033.     padding: 0 20px;
  1034.     position: relative;
  1035.     text-decoration: none!important;
  1036.     text-align: right;
  1037.     .width: 100%;
  1038.     z-index: 1;
  1039. }
  1040. nav > ul#secondary > li > a {
  1041.     background-color: rgba(<?php echo hex2RGB(get_pix_option('pix_first_level_background_2nd'), true); ?>, <?php echo get_pix_option('pix_first_level_opacity_2nd'); ?>)!important;
  1042. <?php if (strpos($os,'msie 7')==true ||  strpos($os,'msie 8')==true) { ?>
  1043.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#<?php echo opacHex(get_pix_option('pix_first_level_opacity_2nd')) . remove_something('#',get_pix_option('pix_first_level_background_2nd')); ?>, endColorstr=#<?php echo opacHex(get_pix_option('pix_first_level_opacity_2nd')) . remove_something('#',get_pix_option('pix_first_level_background_2nd')); ?>);
  1044.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#<?php echo opacHex(get_pix_option('pix_first_level_opacity_2nd')) . remove_something('#',get_pix_option('pix_first_level_background_2nd')); ?>, endColorstr=#<?php echo opacHex(get_pix_option('pix_first_level_opacity_2nd')) . remove_something('#',get_pix_option('pix_first_level_background_2nd')); ?>)";
  1045. <?php } ?>
  1046.     border-right: 0px solid <?php echo get_pix_option('pix_first_level_border_2nd'); ?>;
  1047.     color: <?php echo get_pix_option('pix_first_level_color_2nd'); ?>!important;
  1048. }
  1049. nav > ul#secondary > li.nav_li_hover > a {
  1050.     color: <?php echo get_pix_option('pix_first_level_hover_2nd'); ?>!important;
  1051. }
  1052. nav > ul > li > ul {
  1053.     background-color: <?php echo get_pix_option('pix_second_level_background'); ?>;
  1054.     float: left;
  1055.     left: -9999px;
  1056.     padding: 0 10px;
  1057.     position: absolute;
  1058.     top: 0;
  1059.     z-index: 0;
  1060. }
  1061. nav > ul > li ul {
  1062.     width: 8888px;
  1063. }
  1064. nav > ul#secondary > li > ul {
  1065.     background-color: <?php echo get_pix_option('pix_second_level_background_2nd'); ?>!important;
  1066. }
  1067. nav > ul > li ul li {
  1068.     clear: none;
  1069.     display: block;
  1070.     float: left;
  1071.     width: auto;
  1072. }
  1073. nav > ul > li > ul > li {
  1074.     font-family: '<?php echo splitFont(get_pix_option('pix_typo_secondlevellink'),get_pix_option('pix_typo_secondlevellink_own')); ?>', arial, serif;
  1075.     font-size: <?php echo get_pix_option('pix_typo_secondlevellink_fontsize'); ?>px;
  1076.     height: 42px;
  1077.     line-height: 42px;
  1078. }
  1079. nav > ul > li.nav_li_hover > a {
  1080.     color: <?php echo get_pix_option('pix_first_level_hover'); ?>!important;
  1081. }
  1082. nav > ul > li > ul li a {
  1083.     background-color: <?php echo get_pix_option('pix_second_level_background'); ?>;
  1084.     color: <?php echo get_pix_option('pix_second_level_color'); ?>;
  1085.     float: left;
  1086.     height: 42px;
  1087.     line-height: 42px;
  1088.     padding: 0 20px;
  1089.     text-decoration: none!important;
  1090.     .width: 100%;
  1091. }
  1092. nav > ul > li > ul li.nav_li_hover > a {
  1093.     color: <?php echo get_pix_option('pix_second_level_hover'); ?>!important;
  1094. }
  1095. nav > ul > li > ul li li a {
  1096.     background-color: <?php echo get_pix_option('pix_third_level_background'); ?>!important;
  1097.     color: <?php echo get_pix_option('pix_third_level_color'); ?>;
  1098.     line-height: 36px;
  1099.     padding: 0 16px;
  1100.     width: 100%;
  1101. }
  1102. nav > ul > li > ul li li.nav_li_hover > a {
  1103.     color: <?php echo get_pix_option('pix_third_level_hover'); ?>!important;
  1104. }
  1105. nav > ul > li > ul > li li {
  1106.     font-family: '<?php echo splitFont(get_pix_option('pix_typo_thirdlevellink'),get_pix_option('pix_typo_thirdlevellink_own')); ?>', arial, serif;
  1107.     font-size: <?php echo get_pix_option('pix_typo_thirdlevellink_fontsize'); ?>px;
  1108. }
  1109. nav > ul > li > ul .slash_li {
  1110.     background-color: <?php echo get_pix_option('pix_second_level_background'); ?>!important;
  1111.     color: <?php echo get_pix_option('pix_second_level_color'); ?>;
  1112.     float: left;
  1113.     padding: 0;
  1114.     text-decoration: none;
  1115. }
  1116. nav > ul > li > ul ul .slash_li {
  1117.     background-color: <?php echo get_pix_option('pix_third_level_background'); ?>!important;
  1118.     color: <?php echo get_pix_option('pix_third_level_color'); ?>;
  1119.     float: left;
  1120.     line-height: 36px;
  1121.     padding: 0;
  1122.     text-decoration: none;
  1123. }
  1124. nav > ul#secondary > li > ul li a, nav > ul#secondary .slash_li {
  1125.     background-color: <?php echo get_pix_option('pix_second_level_background_2nd'); ?>!important;
  1126.     color: <?php echo get_pix_option('pix_second_level_color_2nd'); ?>;
  1127. }
  1128. nav > ul#secondary > li > ul li.nav_li_hover > a {
  1129.     color: <?php echo get_pix_option('pix_second_level_hover_2nd'); ?>!important;
  1130. }
  1131. nav ul.third_level_menu {
  1132.     background-color: <?php echo get_pix_option('pix_third_level_background'); ?>!important;
  1133.     display: none;
  1134.     left: -99999px;
  1135.     overflow: hidden;
  1136.     position: absolute;
  1137.     width: 10000px;
  1138.     z-index: 1;
  1139. }
  1140. nav #secondary ul.third_level_menu {
  1141.     background-color: <?php echo get_pix_option('pix_third_level_background_2nd'); ?>!important;
  1142. }
  1143. nav > ul#secondary > li > ul li li a {
  1144.     background-color: <?php echo get_pix_option('pix_third_level_background_2nd'); ?>!important;
  1145.     color: <?php echo get_pix_option('pix_third_level_color_2nd'); ?>;
  1146. }
  1147. nav > ul#secondary > li > ul li li.nav_li_hover > a {
  1148.     color: <?php echo get_pix_option('pix_third_level_hover_2nd'); ?>!important;
  1149. }
  1150. span.submenu {
  1151.     color: <?php echo get_pix_option('pix_first_level_color'); ?>;
  1152.     .display: inline;
  1153.     font-size: 17px;
  1154.     height: 42px;
  1155.     line-height: 42px;
  1156.     padding-left: 5px;
  1157.     position: absolute;
  1158.     right: 12px;
  1159.     top: -2px;
  1160.     z-index: 2;
  1161. }
  1162. nav ul#secondary span.submenu {
  1163.     color: <?php echo get_pix_option('pix_first_level_color_2nd'); ?>;
  1164. }
  1165. li ul span.submenu {
  1166.     color: <?php echo get_pix_option('pix_second_level_color'); ?>;
  1167.     right: 8px;
  1168. }
  1169. nav ul#secondary li ul span.submenu {
  1170.     color: <?php echo get_pix_option('pix_second_level_color_2nd'); ?>;
  1171. }
  1172.  
  1173. /***************************** FOOTER *****************************/
  1174.  
  1175. footer {
  1176.     background-color: <?php echo get_pix_option('pix_footer_background'); ?>;
  1177.     bottom: 0;
  1178.     color: <?php echo get_pix_option('pix_footer_text_color'); ?>;
  1179.     display: block;
  1180. <?php if(get_pix_option('pix_footer_show')=='show'){ ?>
  1181.     font-size: 11px;
  1182.     height: 72px;
  1183.     line-height: 55px;
  1184. <?php } else { ?>
  1185.     height: 0;
  1186.     .line-height: 0;
  1187. <?php } ?>
  1188.     left: 0;
  1189.     overflow: hidden;
  1190.     position: fixed;
  1191.     visibility: hidden;
  1192.     width: 100%;
  1193.     z-index: 3;
  1194. }
  1195. footer > div {
  1196.     display: block;
  1197.     padding: 10px 20px 10px 20px;
  1198. }
  1199. footer p {
  1200.     float: left;
  1201. }
  1202. footer p.credits {
  1203.     float: right;
  1204. }
  1205. #hide_credits_pictures {
  1206.     display: none;
  1207. }
  1208. footer .pipe {
  1209.     padding: 0 20px;
  1210. }
  1211. footer a {
  1212.     color: <?php echo get_pix_option('pix_footer_text_color'); ?>;
  1213.     display: inline!important;
  1214.     text-decoration: none!important;
  1215. }
  1216. footer a:hover {
  1217.     background-color: transparent;
  1218. }
  1219. footer .lang {
  1220.     padding-left: 18px;
  1221. }
  1222. footer .icons {
  1223.     padding: 0 3px 0 6px;
  1224.     font-size: 1.3em;
  1225. }
  1226. #credits_blog {
  1227.     float: left;
  1228. }
  1229. #logo_bottom {
  1230.     background-color: transparent!important;
  1231.     background-image: url(<?php echo get_pix_option('pix_footer_image_bg'); ?>);
  1232.     background-position: <?php echo get_pix_option('pix_footer_image_position'); ?>;
  1233.     background-repeat: <?php echo get_pix_option('pix_footer_image_repeat'); ?>;
  1234.     float: left;
  1235.     font-family: '<?php echo splitFont(get_pix_option('pix_typo_logobottom'),get_pix_option('pix_typo_logobottom_own')); ?>', arial, serif;
  1236.     font-size: <?php echo get_pix_option('pix_typo_logobottom_fontsize'); ?>px;
  1237.     margin: <?php echo get_pix_option('pix_footer_margin'); ?>;
  1238.     padding: <?php echo get_pix_option('pix_footer_padding'); ?>;
  1239.     text-decoration: none!important;
  1240. }
  1241.  
  1242.  
  1243.  
  1244. /****************************************
  1245. *
  1246. *   WIDE SLIDESHOW
  1247. *
  1248. ****************************************/
  1249. .pix_slide {
  1250.     left: 0;
  1251.     position: fixed;
  1252.     top: 0;
  1253.     z-index: -1;
  1254. }
  1255. .pix_slide a {
  1256.     display: none;
  1257. }
  1258. #close_gallerywrap {
  1259.     position: absolute;
  1260.     right: 20px;
  1261.     width: 20px;
  1262. }
  1263. #navgallery_wrap {
  1264.     color: <?php echo get_pix_option('pix_footer_text_color'); ?>;
  1265.     height: 52px;
  1266.     margin: 0;
  1267.     overflow: hidden;
  1268.     position: relative;
  1269. }
  1270. #navgallery_wrapper {
  1271.     position: absolute;
  1272. }
  1273. .navgallery {
  1274.     list-style: none;
  1275.     height: 52px;
  1276.     left: 5px;
  1277.     margin: 0 auto;
  1278.     padding: 0;
  1279.     position: relative;
  1280.     width: 9999px;
  1281. }
  1282. .navgallery li {
  1283.     background: #000;
  1284.     border: 1px solid transparent;
  1285.     cursor: pointer;
  1286.     float: left;
  1287.     height: 50px;
  1288.     margin: 0 10px 0 0;
  1289.     width: 50px;
  1290. }
  1291. .navgallery li img {
  1292.     opacity: .4;
  1293.     filter:alpha(opacity=40);
  1294. }
  1295. .navgallery li.espresscurrent {
  1296.     border: 1px solid #333;
  1297. }
  1298. .navgallery li.espresscurrent img, .navgallery li:hover img {
  1299.     opacity: 1;
  1300.     filter:alpha(opacity=100);
  1301. }
  1302. #pix_controls {
  1303.     .display: inline;
  1304.     float: right;
  1305. }
  1306. #pix_controls > span {
  1307.     font-size: 17px;
  1308.     line-height: 0px;
  1309.     margin: 0 2px;
  1310.     padding: 0 2px;
  1311. }
  1312. #pix_controls span {
  1313.     cursor: pointer;
  1314. }
  1315. #pix_controls a {
  1316.     font-size: 11px;
  1317. }
  1318. #scrollCommands {
  1319.     cursor: pointer;
  1320.     float: right;
  1321.     font-size: 18px;
  1322.     margin-top: -12px;
  1323.     text-align: center;
  1324.     width: 20px;
  1325. }
  1326.  
  1327.  
  1328.  
  1329. /****************************************
  1330. *
  1331. *   SIDEBAR WIDGETS
  1332. *
  1333. ****************************************/
  1334.  
  1335. .contactForm label {
  1336.     clear: left;
  1337.     display: block;
  1338.     padding-top: 3px;
  1339. }
  1340. input[type=text], input[type=email], input[type=tel], select {
  1341.     background-color: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  1342.     border: 1px solid <?php echo get_pix_option('pix_general_box_bg'); ?>;
  1343.     color: <?php echo get_pix_option('pix_content_text_color'); ?>;
  1344.     font-family: '<?php echo splitFont(get_pix_option('pix_typo_general'),get_pix_option('pix_typo_general_own')); ?>', arial, serif;
  1345.     font-size: <?php echo get_pix_option('pix_typo_general_fontsize'); ?>px;
  1346.     height: 27px;
  1347.     line-height: 27px;
  1348.     padding: 0;
  1349.     text-indent: 5px;
  1350.     .text-indent: 0;
  1351.     width: 206px;
  1352. }
  1353. .contactForm input[type=submit] {
  1354.     margin-top: 10px;
  1355. }
  1356. .captchaCont {
  1357.     overflow: auto;
  1358. }
  1359. form .off-on {
  1360.     background: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  1361.     border: 1px solid <?php echo get_pix_option('pix_general_light_text_color'); ?>;
  1362.     cursor: pointer;
  1363.     height: 10px;
  1364.     position: relative;
  1365.     width: 10px;
  1366. }
  1367. form .switcher.off {
  1368.     display: none;
  1369. }
  1370. form .radio-fake {
  1371.     background: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  1372.     border: 1px solid <?php echo get_pix_option('pix_general_light_text_color'); ?>;
  1373.     border-radius: 5px;
  1374.     -moz-border-radius: 5px;
  1375.     -webkit-border-radius: 5px;
  1376.     cursor: pointer;
  1377.     float: left;
  1378.     height: 10px;
  1379.     margin-right: 2px;
  1380.     position: relative;
  1381.     width: 10px;
  1382. }
  1383. form .switcher.off {
  1384.     display: none;
  1385. }
  1386. form .switcher {
  1387.     background: url(images/checkedswitch.png) no-repeat;
  1388.     height: 10px;
  1389.     left: 0;
  1390.     position: absolute;
  1391.     top: 0;
  1392.     width: 10px;
  1393. }
  1394. form .radio-on.off {
  1395.     display: none;
  1396. }
  1397. form .radio-on {
  1398.     background: <?php echo get_pix_option('pix_content_text_color'); ?>;
  1399.     border-radius: 3px;
  1400.     -moz-border-radius: 3px;
  1401.     -webkit-border-radius: 3px;
  1402.     height: 6px;
  1403.     left: 2px;
  1404.     position: absolute;
  1405.     top: 2px;
  1406.     width: 6px;
  1407. }
  1408. form #to, form #from {
  1409.     float: left;
  1410.     width: 80%;
  1411. }
  1412. .contactForm .success, .contactForm .unsuccess {
  1413.     position: absolute;
  1414. }
  1415. .ui-datepicker-trigger {
  1416.     float: left!important;
  1417.     margin: 4px 2px 0!important;
  1418. }
  1419. .widget_pixrecentposts div.clear {
  1420.     margin-bottom: 10px;
  1421.     overflow: hidden;
  1422. }
  1423. .widget_pixrecentposts h5 {
  1424.     margin: 0;
  1425.     padding-bottom: 0;
  1426. }
  1427. .widget_pixrecentposts h5 a {
  1428.     color: <?php echo get_pix_option('pix_content_text_color'); ?>;
  1429. }
  1430. .widget_pixrecentposts a:hover {
  1431.     background-color: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  1432. }
  1433. .widget_pixrecentposts .entry-widget {
  1434.     padding-top: 5px;
  1435. }
  1436. .widget_pixrecentposts p.subtitle {
  1437.     font-size: 1.1em;
  1438.     font-style: italic;
  1439.     padding: 5px 0 0;
  1440. }
  1441. .widget_pixrecentposts p {
  1442.     color: <?php echo get_pix_option('pix_general_light_text_color'); ?>;
  1443.     font-size: 11px;
  1444.     line-height: 18px;
  1445.     margin: 0;
  1446. }
  1447. .category .imgHentry {
  1448.     float: left;
  1449.     height: 150px;
  1450.     margin: 0 5px 5px 0;
  1451.     width: 150px;
  1452. }
  1453. .pix_thumbs .imgHentry {
  1454.     float: left;
  1455.     height: 66px;
  1456.     margin: 0 5px 5px 0;
  1457.     width: 66px;
  1458. }
  1459. .widget_pixrecentposts .imgHentry {
  1460.     float: left;
  1461.     height: 52px;
  1462.     margin: 0 5px 5px 0;
  1463.     width: 52px;
  1464. }
  1465. .widget_calendar table {
  1466.     border-collapse: separate;
  1467.     .border-collapse: collapse;
  1468.     border-spacing: 1px;
  1469.     margin: 0 auto;
  1470.     padding: 0;
  1471.     width: 98%;
  1472. }
  1473. .widget_calendar caption {
  1474.     color: <?php echo get_pix_option('pix_content_text_color'); ?>;
  1475.     font-size: 1.2em;
  1476.     margin: 1em 0 0;
  1477.     text-align: left;
  1478.     text-transform: uppercase;
  1479. }
  1480. .widget_calendar th {
  1481.     background: <?php echo get_pix_option('pix_general_box_bg_hover'); ?>;
  1482.     color: <?php echo get_pix_option('pix_content_background'); ?>;
  1483.     line-height: 2.5em;
  1484.     margin: 0;
  1485.     padding: 0;
  1486.     .position: relative;
  1487.     text-align: center;
  1488.     vertical-align: middle;
  1489. }
  1490. .widget_calendar tfoot td {
  1491.     background: <?php echo get_pix_option('pix_general_box_bg_hover'); ?>;
  1492.     color: <?php echo get_pix_option('pix_content_text_color'); ?>!important;
  1493.     line-height: 2.5em;
  1494.     margin: 0;
  1495.     padding: 0;
  1496.     .position: relative;
  1497.     text-align: center;
  1498.     vertical-align: middle;
  1499. }
  1500. .widget_calendar tfoot td a {
  1501.     color: <?php echo get_pix_option('pix_content_text_color'); ?>;
  1502. }
  1503. .widget_calendar tbody td {
  1504.     background: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  1505.     color: <?php echo get_pix_option('cc_table_text_color'); ?>;
  1506.     line-height: 2em;
  1507.     margin: 0;
  1508.     padding: 0;
  1509.     position: relative;
  1510.     text-align: center;
  1511.     vertical-align: middle;
  1512. }
  1513. .widget_calendar tbody td a {
  1514.     background: <?php echo get_pix_option('pix_content_background'); ?>;
  1515.     color: <?php echo get_pix_option('pix_general_light_text_color'); ?>;
  1516.     display: block;
  1517.     text-decoration: none;
  1518. }
  1519. .widget_calendar tbody td#today {
  1520.     background: <?php echo get_pix_option('pix_buttons_bg'); ?>;
  1521.     color: <?php echo get_pix_option('pix_buttons_color'); ?>;
  1522.     font-weight: bold;
  1523. }
  1524. .widget_calendar td:hover {
  1525.     background: <?php echo get_pix_option('pix_general_box_bg_hover'); ?>;
  1526. }
  1527. .pix_thumbs {
  1528.     overflow: auto;
  1529. }
  1530. .pix_thumbs a {
  1531.     height: 64px;
  1532.     width: 64px;
  1533. }
  1534. .widget_pixrecentposts .imgHentry a {
  1535.     background-color: transparent!important;
  1536.     height: 50px;
  1537.     width: 50px;
  1538. }
  1539. .pix_side_comments {
  1540.     overflow: auto;
  1541.     width: 280px;
  1542. }
  1543. .pix-recent-comments .comment {
  1544.     float: left;
  1545.     margin: 0 0 10px -20px;
  1546.     padding-left: 20px;
  1547.     width: 208px;
  1548. }
  1549. .pix-recent-comments .comment .vcard {
  1550.     float: left;
  1551.     padding: 10px 10px 0 0;
  1552. }
  1553. .pix-recent-comments .comment .text {
  1554.     background-color: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  1555.     -webkit-border-radius: 4px;
  1556.     -moz-border-radius: 4px;
  1557.     border-radius: 4px;
  1558.     color: <?php echo get_pix_option('pix_general_light_text_color'); ?>;
  1559.     float: left;
  1560.     font-style: italic;
  1561.     padding: 10px;
  1562.     position: relative;
  1563.     width: 138px;
  1564. }
  1565. .pix-recent-comments .comment .comment_text {
  1566.     color: <?php echo get_pix_option('pix_content_text_color'); ?>;
  1567.     font-size: 0.9em;
  1568.     font-style: normal;
  1569. }
  1570. .pix-recent-comments .comment .text .left_arrow {
  1571.     border-top: 6px solid transparent;
  1572.     border-bottom: 6px solid transparent;
  1573.     border-right: 6px solid <?php echo get_pix_option('pix_general_box_bg'); ?>;
  1574.     height: 0;
  1575.     left: -6px;
  1576.     position: absolute;
  1577.     top: 15px;
  1578.     width: 0;
  1579. }
  1580. .widget_pixrecentposts h5 {
  1581.     font-size: 14px;
  1582. }
  1583. .pix_share iframe {
  1584.     border: 0!important;
  1585. }
  1586.  
  1587. /****************************************
  1588. *
  1589. *   SHORTCODES
  1590. *
  1591. ****************************************/
  1592. .pix_cycle {
  1593.     border: 1px solid <?php echo get_pix_option('pix_general_box_bg_hover'); ?>;
  1594.     clear: both;
  1595.     display: block;
  1596.     height: 240px;
  1597.     margin: 2px 0 10px;
  1598.     overflow: hidden;
  1599.     width: 427px;
  1600. }
  1601. .pix_slider {
  1602.     position: relative;
  1603.     display: block;
  1604.     height: 100%;
  1605.     width: 100%;
  1606. }
  1607. .pix_slider .sliding_image {
  1608.     display: block;
  1609.     height: 100%;
  1610.     left: 0;
  1611.     position: absolute;
  1612.     top: 0;
  1613.     width: 100%;
  1614. }
  1615. .pix_slider .pix_slide_caption {
  1616.     background: rgba(0, 0, 0, 0.8);
  1617.     .filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
  1618.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)\9;
  1619.     bottom: 0;
  1620.     color: #fff;
  1621.     font-size: 0.9em;
  1622.     padding: 10px;
  1623.     position: absolute;
  1624. }
  1625. .pix_slider .button {
  1626.     margin-top: 10px;
  1627. }
  1628. .pix_slider_prevnext {
  1629.     float: left;
  1630.     margin: 0 0 10px;
  1631.     padding: 0;
  1632. }
  1633. .pix_slider_prevnext > div {
  1634.     cursor: pointer;
  1635.     float: left;
  1636.     font-size: 10px;
  1637.     line-height: 10px;
  1638.     margin-right: 10px;
  1639.     text-transform: uppercase;
  1640. }
  1641. .pix_slider_nav {
  1642.     float: right;
  1643.     margin: 0 0 10px;
  1644.     padding: 0;
  1645. }
  1646. .pix_slider_nav a {
  1647.     background-color: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  1648.     border-radius: 4px;
  1649.     -moz-border-radius: 4px;
  1650.     -webkit-border-radius: 4px;
  1651.     display: block;
  1652.     float: left;
  1653.     height: 8px;
  1654.     margin-left: 3px;
  1655.     text-indent: -9999px;
  1656.     width: 8px;
  1657. }
  1658. .pix_slider_nav a.activeSlide {
  1659.     background-color: <?php echo get_pix_option('pix_general_box_bg_hover'); ?>;
  1660. }
  1661.  
  1662. .pix_columns {
  1663.     clear: both;
  1664.     display: block;
  1665.     overflow: auto;
  1666. }
  1667. .pix_columns .pix_column {
  1668.     display: block;
  1669.     float: left;
  1670. }
  1671. .pix_columns .pix_column.last_column {
  1672.     margin-right: 0!important;
  1673. }
  1674. .pix_columns .col_two {
  1675.     margin-right: 6%;
  1676.     width: 47%;
  1677. }
  1678. .pix_columns .col_three {
  1679.     margin-right: 5%;
  1680.     width: 30%;
  1681. }
  1682. .pix_columns .col_two_three {
  1683.     margin-right: 5%;
  1684.     width: 65%;
  1685. }
  1686. .pix_columns .col_four {
  1687.     margin-right: 4%;
  1688.     width: 22%;
  1689. }
  1690. .pix_columns .col_two_four {
  1691.     margin-right: 4%;
  1692.     width: 48%;
  1693. }
  1694. .pix_columns .col_three_four {
  1695.     margin-right: 4%;
  1696.     width: 74%;
  1697. }
  1698. .pix_columns .col_five {
  1699.     margin-right: 2.5%;
  1700.     width: 18%;
  1701. }
  1702. .pix_columns .col_two_five {
  1703.     margin-right: 2.5%;
  1704.     width: 38.5%;
  1705. }
  1706. .pix_columns .col_three_five {
  1707.     margin-right: 2.5%;
  1708.     width: 59%;
  1709. }
  1710. .header_accordion {
  1711.     border-radius: 0!important;
  1712.     moz-border-radius: 0!important;
  1713.     border: 0!important;
  1714.     border-bottom: 1px solid <?php echo get_pix_option('pix_general_box_bg_hover'); ?>!important;
  1715.     clear: both!important;
  1716.     display: block!important;
  1717.     padding: 5px 10px!important;
  1718.     text-decoration: none!important;
  1719. }
  1720. .header_accordion.ui-state-default, .header_accordion.ui-state-active {
  1721.     background: <?php echo get_pix_option('pix_general_box_bg'); ?>!important;
  1722. }
  1723. .header_accordion:hover {
  1724.     background: <?php echo get_pix_option('pix_general_box_bg_hover'); ?>!important;
  1725. }
  1726. .pix_accordion .ui-accordion-content {
  1727.     border-radius: 0!important;
  1728.     moz-border-radius: 0!important;
  1729.     border: 0!important;
  1730.     color: <?php echo get_pix_option('pix_general_light_text_color'); ?>;
  1731.     padding: 10px;
  1732. }
  1733. .pix_accordion  .icons {
  1734.     display: moz-inline-box;
  1735.     display: inline-block;
  1736.     text-align: left;
  1737.     width: 15px;
  1738. }
  1739. .pix_box {
  1740.     background-repeat: no-repeat;
  1741.     clear: both;
  1742.     display: block;
  1743.     padding: 20px;
  1744. }
  1745. .pix_box.quotes {
  1746.     background-image: url(images/box-quote.png);
  1747.     background-position: 15px center;
  1748.     padding-left: 60px;
  1749. }
  1750. .pix_box.balloon {
  1751.     background-image: url(images/box-balloon.png);
  1752.     background-position: 12px center;
  1753.     padding-left: 60px;
  1754. }
  1755. .pix_box.info {
  1756.     background-image: url(images/box-info.png);
  1757.     background-position: 12px center;
  1758.     padding-left: 60px;
  1759. }
  1760. .pix_box.question {
  1761.     background-image: url(images/box-question.png);
  1762.     background-position: 12px center;
  1763.     padding-left: 60px;
  1764. }
  1765. .pix_box.arrow {
  1766.     background-image: url(images/box-arrow.png);
  1767.     background-position: 15px center;
  1768.     padding-left: 60px;
  1769. }
  1770. ul.pix_check li {
  1771.     list-style-image: url(images/list-check.png)!important;
  1772. }
  1773. ul.pix_arrow li {
  1774.     list-style-image: url(images/list-arrow.png)!important;
  1775. }
  1776. ul.pix_plus li {
  1777.     list-style-image: url(images/list-plus.png)!important;
  1778. }
  1779. .firstletter {
  1780.     display: block;
  1781.     float: left;
  1782.     margin-right: 5px;
  1783.     overflow: hidden;
  1784.     text-align: center;
  1785.     text-transoferm: uppercase;
  1786. }
  1787. .firstletter.disc {
  1788.     border-radius: 100px;
  1789.     mox-border-radius: 100px;
  1790. }
  1791. .price_table {
  1792.     overflow: hidden;
  1793.     margin: 0 auto;
  1794.     padding: 20px 0;
  1795.     width: auto;
  1796. }
  1797. .price_table .price_column.highlighted {
  1798.     background: <?php echo get_pix_option('pix_general_box_bg_hover'); ?>;
  1799.     margin: -5px!important;
  1800.     padding: 10px;
  1801.     z-index: 2;
  1802. }
  1803. .price_table.td_2 .price_column {
  1804.     display: block;
  1805.     margin: 5px;
  1806.     float: left;
  1807.     position: relative;
  1808.     width: 204px;
  1809.     z-index: 1;
  1810. }
  1811. .seveneighty .price_table.td_2 .price_column {
  1812.     width: 345px;
  1813. }
  1814. .price_table.td_3 .price_column {
  1815.     display: block;
  1816.     margin: 5px;
  1817.     float: left;
  1818.     position: relative;
  1819.     width: 133px;
  1820.     z-index: 1;
  1821. }
  1822. .seveneighty .price_table.td_3 .price_column {
  1823.     width: 225px;
  1824. }
  1825. .price_table.td_4 .price_column {
  1826.     display: block;
  1827.     margin: 5px;
  1828.     float: left;
  1829.     position: relative;
  1830.     width: 97px;
  1831.     z-index: 1;
  1832. }
  1833. .seveneighty .price_table.td_4 .price_column {
  1834.     width: 166px;
  1835. }
  1836. .price_table.td_5 .price_column {
  1837.     display: block;
  1838.     float: left;
  1839.     margin: 5px;
  1840.     position: relative;
  1841.     width: 75px;
  1842.     z-index: 1;
  1843. }
  1844. .seveneighty .price_table.td_5 .price_column {
  1845.     width: 131px;
  1846. }
  1847. .price_table .price_column > div {
  1848.     background: <?php echo get_pix_option('pix_general_box_bg'); ?>;
  1849. }
  1850. .price_table .price_column > div > div {
  1851.     padding: 10px 15px;
  1852.     border-bottom: 1px solid <?php echo get_pix_option('pix_general_box_bg_hover'); ?>;
  1853.     border-top: 1px solid #f6f6f6;
  1854. }
  1855. .price_table .price_column > div > p {
  1856.     padding: 10px 15px;
  1857.     border-bottom: 1px solid <?php echo get_pix_option('pix_general_box_bg_hover'); ?>;
  1858.     border-top: 1px solid #f6f6f6;
  1859. }
  1860. .price_table .price_column > div > ul {
  1861.     padding: 10px 15px;
  1862.     border-bottom: 1px solid <?php echo get_pix_option('pix_general_box_bg_hover'); ?>;
  1863.     border-top: 1px solid #f6f6f6;
  1864. }
  1865. .price_table .price_title {
  1866.     background-color: <?php echo get_pix_option('pix_buttons_bg'); ?>;
  1867.     border-top: 0!important;
  1868.     color: <?php echo get_pix_option('pix_buttons_color'); ?>;
  1869.     font-size: 14px;
  1870. }
  1871. .price_table .highlighted .price_title {
  1872.     font-size: 16px;
  1873. }
  1874. .price_table .price_price {
  1875.     font-size: 36px;
  1876.     line-height: 40px;
  1877. }
  1878. .price_table.td_5 .price_price {
  1879.     font-size: 28px;
  1880.     line-height: 36px;
  1881. }
  1882. .price_table .highlighted  .price_price {
  1883.     font-size: 40px;
  1884.     line-height: 44px;
  1885. }
  1886. .price_table.td_5 .highlighted .price_price {
  1887.     font-size: 32px;
  1888.     line-height: 36px;
  1889. }
  1890. .price_table .price_explanation {
  1891.     font-size: 10px;
  1892.     line-height: 13px;
  1893.     text-transform: uppercase;
  1894. }
  1895. .price_table .cusButton {
  1896.     background-color: <?php echo get_pix_option('pix_buttons_bg'); ?>;
  1897.     display: block;
  1898.     text-align: center;
  1899. }
  1900. .price_table li {
  1901.     padding: 5px 0;
  1902. }
  1903. .price_table div.pix_check {
  1904.     background: url(images/list-check-green.png) no-repeat 15px center;
  1905.     padding-left: 38px!important;
  1906. }
  1907. .price_table div.pix_error {
  1908.     background: url(images/list-error.png) no-repeat 15px center;
  1909.     padding-left: 38px!important;
  1910. }
  1911. hr {
  1912.     border: 0;
  1913.     border-bottom: 1px solid <?php echo get_pix_option('pix_general_box_bg'); ?>;
  1914.     margin: 20px 0 20px -35px;
  1915.     padding-left: 35px;
  1916. }
  1917. .totop {
  1918.     position: relative;
  1919. }
  1920. .totop hr {
  1921.     margin: 20px 35px 20px -35px;
  1922. }
  1923. .totop a {
  1924.     background: url(images/arrowtop.png) no-repeat center;
  1925.     display: block;
  1926.     height: 30px;
  1927.     position: absolute;
  1928.     right: 0;
  1929.     top: -15px;
  1930.     width: 35px;
  1931. }
  1932. /*
  1933.  * jQuery UI CSS Framework 1.8.10
  1934.  *
  1935.  * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
  1936.  * Dual licensed under the MIT or GPL Version 2 licenses.
  1937.  * http://jquery.org/license
  1938.  *
  1939.  * http://docs.jquery.com/UI/Theming/API
  1940.  */
  1941.  
  1942. /* Layout helpers
  1943. ----------------------------------*/
  1944. .ui-helper-hidden { display: none; }
  1945. .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
  1946. .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
  1947. .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  1948. .ui-helper-clearfix { display: inline-block; }
  1949. /* required comment for clearfix to work in Opera \*/
  1950. * html .ui-helper-clearfix { height:1%; }
  1951. .ui-helper-clearfix { display:block; }
  1952. /* end clearfix */
  1953. .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
  1954.  
  1955.  
  1956. /* Interaction Cues
  1957. ----------------------------------*/
  1958. .ui-state-disabled { cursor: default !important; }
  1959.  
  1960.  
  1961. /* Icons
  1962. ----------------------------------*/
  1963.  
  1964. /* states and images */
  1965. .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
  1966.  
  1967.  
  1968. /* Misc visuals
  1969. ----------------------------------*/
  1970.  
  1971. /* Overlays */
  1972. .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  1973.  
  1974.  
  1975. /*
  1976.  * jQuery UI CSS Framework 1.8.10
  1977.  *
  1978.  * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
  1979.  * Dual licensed under the MIT or GPL Version 2 licenses.
  1980.  * http://jquery.org/license
  1981.  *
  1982.  * http://docs.jquery.com/UI/Theming/API
  1983.  *
  1984.  * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
  1985.  */
  1986.  
  1987.  
  1988. /* Component containers
  1989. ----------------------------------*/
  1990. .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/datePicker/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
  1991. .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/datePicker/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
  1992.  
  1993. /* Interaction states
  1994. ----------------------------------*/
  1995. .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/datePicker/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
  1996. .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
  1997. .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/datePicker/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
  1998. .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
  1999. .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/datePicker/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
  2000. .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
  2001. .ui-widget :active { outline: none; }
  2002.  
  2003. /* Interaction Cues
  2004. ----------------------------------*/
  2005. .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(images/datePicker/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
  2006. .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
  2007. .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/datePicker/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
  2008. .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
  2009. .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
  2010. .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
  2011. .ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
  2012. .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
  2013.  
  2014. /* Icons
  2015. ----------------------------------*/
  2016.  
  2017. /* states and images */
  2018. .ui-icon { width: 16px; height: 16px; background-image: url(images/datePicker/ui-icons_222222_256x240.png); }
  2019. .ui-widget-content .ui-icon {background-image: url(images/datePicker/ui-icons_222222_256x240.png); }
  2020. .ui-widget-header .ui-icon {background-image: url(images/datePicker/ui-icons_222222_256x240.png); }
  2021. .ui-state-default .ui-icon { background-image: url(images/datePicker/ui-icons_888888_256x240.png); }
  2022. .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/datePicker/ui-icons_454545_256x240.png); }
  2023. .ui-state-active .ui-icon {background-image: url(images/datePicker/ui-icons_454545_256x240.png); }
  2024. .ui-state-highlight .ui-icon {background-image: url(images/datePicker/ui-icons_2e83ff_256x240.png); }
  2025. .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/datePicker/ui-icons_cd0a0a_256x240.png); }
  2026.  
  2027. /* positioning */
  2028. .ui-icon-carat-1-n { background-position: 0 0; }
  2029. .ui-icon-carat-1-ne { background-position: -16px 0; }
  2030. .ui-icon-carat-1-e { background-position: -32px 0; }
  2031. .ui-icon-carat-1-se { background-position: -48px 0; }
  2032. .ui-icon-carat-1-s { background-position: -64px 0; }
  2033. .ui-icon-carat-1-sw { background-position: -80px 0; }
  2034. .ui-icon-carat-1-w { background-position: -96px 0; }
  2035. .ui-icon-carat-1-nw { background-position: -112px 0; }
  2036. .ui-icon-carat-2-n-s { background-position: -128px 0; }
  2037. .ui-icon-carat-2-e-w { background-position: -144px 0; }
  2038. .ui-icon-triangle-1-n { background-position: 0 -16px; }
  2039. .ui-icon-triangle-1-ne { background-position: -16px -16px; }
  2040. .ui-icon-triangle-1-e { background-position: -32px -16px; }
  2041. .ui-icon-triangle-1-se { background-position: -48px -16px; }
  2042. .ui-icon-triangle-1-s { background-position: -64px -16px; }
  2043. .ui-icon-triangle-1-sw { background-position: -80px -16px; }
  2044. .ui-icon-triangle-1-w { background-position: -96px -16px; }
  2045. .ui-icon-triangle-1-nw { background-position: -112px -16px; }
  2046. .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
  2047. .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
  2048. .ui-icon-arrow-1-n { background-position: 0 -32px; }
  2049. .ui-icon-arrow-1-ne { background-position: -16px -32px; }
  2050. .ui-icon-arrow-1-e { background-position: -32px -32px; }
  2051. .ui-icon-arrow-1-se { background-position: -48px -32px; }
  2052. .ui-icon-arrow-1-s { background-position: -64px -32px; }
  2053. .ui-icon-arrow-1-sw { background-position: -80px -32px; }
  2054. .ui-icon-arrow-1-w { background-position: -96px -32px; }
  2055. .ui-icon-arrow-1-nw { background-position: -112px -32px; }
  2056. .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
  2057. .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
  2058. .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
  2059. .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
  2060. .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
  2061. .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
  2062. .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
  2063. .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
  2064. .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
  2065. .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
  2066. .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
  2067. .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
  2068. .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
  2069. .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
  2070. .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
  2071. .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
  2072. .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
  2073. .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
  2074. .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
  2075. .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
  2076. .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
  2077. .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
  2078. .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
  2079. .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
  2080. .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
  2081. .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
  2082. .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
  2083. .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
  2084. .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
  2085. .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
  2086. .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
  2087. .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
  2088. .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
  2089. .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
  2090. .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
  2091. .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
  2092. .ui-icon-arrow-4 { background-position: 0 -80px; }
  2093. .ui-icon-arrow-4-diag { background-position: -16px -80px; }
  2094. .ui-icon-extlink { background-position: -32px -80px; }
  2095. .ui-icon-newwin { background-position: -48px -80px; }
  2096. .ui-icon-refresh { background-position: -64px -80px; }
  2097. .ui-icon-shuffle { background-position: -80px -80px; }
  2098. .ui-icon-transfer-e-w { background-position: -96px -80px; }
  2099. .ui-icon-transferthick-e-w { background-position: -112px -80px; }
  2100. .ui-icon-folder-collapsed { background-position: 0 -96px; }
  2101. .ui-icon-folder-open { background-position: -16px -96px; }
  2102. .ui-icon-document { background-position: -32px -96px; }
  2103. .ui-icon-document-b { background-position: -48px -96px; }
  2104. .ui-icon-note { background-position: -64px -96px; }
  2105. .ui-icon-mail-closed { background-position: -80px -96px; }
  2106. .ui-icon-mail-open { background-position: -96px -96px; }
  2107. .ui-icon-suitcase { background-position: -112px -96px; }
  2108. .ui-icon-comment { background-position: -128px -96px; }
  2109. .ui-icon-person { background-position: -144px -96px; }
  2110. .ui-icon-print { background-position: -160px -96px; }
  2111. .ui-icon-trash { background-position: -176px -96px; }
  2112. .ui-icon-locked { background-position: -192px -96px; }
  2113. .ui-icon-unlocked { background-position: -208px -96px; }
  2114. .ui-icon-bookmark { background-position: -224px -96px; }
  2115. .ui-icon-tag { background-position: -240px -96px; }
  2116. .ui-icon-home { background-position: 0 -112px; }
  2117. .ui-icon-flag { background-position: -16px -112px; }
  2118. .ui-icon-calendar { background-position: -32px -112px; }
  2119. .ui-icon-cart { background-position: -48px -112px; }
  2120. .ui-icon-pencil { background-position: -64px -112px; }
  2121. .ui-icon-clock { background-position: -80px -112px; }
  2122. .ui-icon-disk { background-position: -96px -112px; }
  2123. .ui-icon-calculator { background-position: -112px -112px; }
  2124. .ui-icon-zoomin { background-position: -128px -112px; }
  2125. .ui-icon-zoomout { background-position: -144px -112px; }
  2126. .ui-icon-search { background-position: -160px -112px; }
  2127. .ui-icon-wrench { background-position: -176px -112px; }
  2128. .ui-icon-gear { background-position: -192px -112px; }
  2129. .ui-icon-heart { background-position: -208px -112px; }
  2130. .ui-icon-star { background-position: -224px -112px; }
  2131. .ui-icon-link { background-position: -240px -112px; }
  2132. .ui-icon-cancel { background-position: 0 -128px; }
  2133. .ui-icon-plus { background-position: -16px -128px; }
  2134. .ui-icon-plusthick { background-position: -32px -128px; }
  2135. .ui-icon-minus { background-position: -48px -128px; }
  2136. .ui-icon-minusthick { background-position: -64px -128px; }
  2137. .ui-icon-close { background-position: -80px -128px; }
  2138. .ui-icon-closethick { background-position: -96px -128px; }
  2139. .ui-icon-key { background-position: -112px -128px; }
  2140. .ui-icon-lightbulb { background-position: -128px -128px; }
  2141. .ui-icon-scissors { background-position: -144px -128px; }
  2142. .ui-icon-clipboard { background-position: -160px -128px; }
  2143. .ui-icon-copy { background-position: -176px -128px; }
  2144. .ui-icon-contact { background-position: -192px -128px; }
  2145. .ui-icon-image { background-position: -208px -128px; }
  2146. .ui-icon-video { background-position: -224px -128px; }
  2147. .ui-icon-script { background-position: -240px -128px; }
  2148. .ui-icon-alert { background-position: 0 -144px; }
  2149. .ui-icon-info { background-position: -16px -144px; }
  2150. .ui-icon-notice { background-position: -32px -144px; }
  2151. .ui-icon-help { background-position: -48px -144px; }
  2152. .ui-icon-check { background-position: -64px -144px; }
  2153. .ui-icon-bullet { background-position: -80px -144px; }
  2154. .ui-icon-radio-off { background-position: -96px -144px; }
  2155. .ui-icon-radio-on { background-position: -112px -144px; }
  2156. .ui-icon-pin-w { background-position: -128px -144px; }
  2157. .ui-icon-pin-s { background-position: -144px -144px; }
  2158. .ui-icon-play { background-position: 0 -160px; }
  2159. .ui-icon-pause { background-position: -16px -160px; }
  2160. .ui-icon-seek-next { background-position: -32px -160px; }
  2161. .ui-icon-seek-prev { background-position: -48px -160px; }
  2162. .ui-icon-seek-end { background-position: -64px -160px; }
  2163. .ui-icon-seek-start { background-position: -80px -160px; }
  2164. /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
  2165. .ui-icon-seek-first { background-position: -80px -160px; }
  2166. .ui-icon-stop { background-position: -96px -160px; }
  2167. .ui-icon-eject { background-position: -112px -160px; }
  2168. .ui-icon-volume-off { background-position: -128px -160px; }
  2169. .ui-icon-volume-on { background-position: -144px -160px; }
  2170. .ui-icon-power { background-position: 0 -176px; }
  2171. .ui-icon-signal-diag { background-position: -16px -176px; }
  2172. .ui-icon-signal { background-position: -32px -176px; }
  2173. .ui-icon-battery-0 { background-position: -48px -176px; }
  2174. .ui-icon-battery-1 { background-position: -64px -176px; }
  2175. .ui-icon-battery-2 { background-position: -80px -176px; }
  2176. .ui-icon-battery-3 { background-position: -96px -176px; }
  2177. .ui-icon-circle-plus { background-position: 0 -192px; }
  2178. .ui-icon-circle-minus { background-position: -16px -192px; }
  2179. .ui-icon-circle-close { background-position: -32px -192px; }
  2180. .ui-icon-circle-triangle-e { background-position: -48px -192px; }
  2181. .ui-icon-circle-triangle-s { background-position: -64px -192px; }
  2182. .ui-icon-circle-triangle-w { background-position: -80px -192px; }
  2183. .ui-icon-circle-triangle-n { background-position: -96px -192px; }
  2184. .ui-icon-circle-arrow-e { background-position: -112px -192px; }
  2185. .ui-icon-circle-arrow-s { background-position: -128px -192px; }
  2186. .ui-icon-circle-arrow-w { background-position: -144px -192px; }
  2187. .ui-icon-circle-arrow-n { background-position: -160px -192px; }
  2188. .ui-icon-circle-zoomin { background-position: -176px -192px; }
  2189. .ui-icon-circle-zoomout { background-position: -192px -192px; }
  2190. .ui-icon-circle-check { background-position: -208px -192px; }
  2191. .ui-icon-circlesmall-plus { background-position: 0 -208px; }
  2192. .ui-icon-circlesmall-minus { background-position: -16px -208px; }
  2193. .ui-icon-circlesmall-close { background-position: -32px -208px; }
  2194. .ui-icon-squaresmall-plus { background-position: -48px -208px; }
  2195. .ui-icon-squaresmall-minus { background-position: -64px -208px; }
  2196. .ui-icon-squaresmall-close { background-position: -80px -208px; }
  2197. .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
  2198. .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
  2199. .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
  2200. .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
  2201. .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
  2202. .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
  2203.  
  2204.  
  2205. /* Misc visuals
  2206. ----------------------------------*/
  2207.  
  2208. /* Corner radius */
  2209. .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
  2210. .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
  2211. .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
  2212. .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
  2213. .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
  2214. .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
  2215. .ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
  2216. .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
  2217. .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
  2218.  
  2219. /* Overlays */
  2220. .ui-widget-overlay { background: #aaaaaa url(images/datePicker/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
  2221. .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/datePicker/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
  2222.  * jQuery UI Datepicker 1.8.10
  2223.  *
  2224.  * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
  2225.  * Dual licensed under the MIT or GPL Version 2 licenses.
  2226.  * http://jquery.org/license
  2227.  *
  2228.  * http://docs.jquery.com/UI/Datepicker#theming
  2229.  */
  2230. .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
  2231. .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
  2232. .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
  2233. .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
  2234. .ui-datepicker .ui-datepicker-prev { left:2px; }
  2235. .ui-datepicker .ui-datepicker-next { right:2px; }
  2236. .ui-datepicker .ui-datepicker-prev-hover { left:1px; }
  2237. .ui-datepicker .ui-datepicker-next-hover { right:1px; }
  2238. .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
  2239. .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
  2240. .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
  2241. .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
  2242. .ui-datepicker select.ui-datepicker-month,
  2243. .ui-datepicker select.ui-datepicker-year { width: 49%;}
  2244. .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
  2245. .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
  2246. .ui-datepicker td { border: 0; padding: 1px; }
  2247. .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
  2248. .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
  2249. .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
  2250. .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
  2251.  
  2252. /* with multiple calendars */
  2253. .ui-datepicker.ui-datepicker-multi { width:auto; }
  2254. .ui-datepicker-multi .ui-datepicker-group { float:left; }
  2255. .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
  2256. .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
  2257. .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
  2258. .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
  2259. .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
  2260. .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
  2261. .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
  2262. .ui-datepicker-row-break { clear:both; width:100%; }
  2263.  
  2264. /* RTL support */
  2265. .ui-datepicker-rtl { direction: rtl; }
  2266. .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
  2267. .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
  2268. .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
  2269. .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
  2270. .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
  2271. .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
  2272. .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
  2273. .ui-datepicker-rtl .ui-datepicker-group { float:right; }
  2274. .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
  2275. .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
  2276.  
  2277. /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
  2278. .ui-datepicker-cover {
  2279.     display: none; /*sorry for IE5*/
  2280.     display/**/: block; /*sorry for IE5*/
  2281.     position: absolute; /*must have*/
  2282.     z-index: -1; /*must have*/
  2283.     filter: mask(); /*must have*/
  2284.     top: -4px; /*must have*/
  2285.     left: -4px; /*must have*/
  2286.     width: 200px; /*must have*/
  2287.     height: 200px; /*must have*/
  2288. }
  2289.  
  2290.  
  2291.  
  2292. /*
  2293.  * jQuery UI Tabs 1.8.12
  2294.  *
  2295.  * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
  2296.  * Dual licensed under the MIT or GPL Version 2 licenses.
  2297.  * http://jquery.org/license
  2298.  *
  2299.  * http://docs.jquery.com/UI/Tabs#theming
  2300.  */
  2301. .ui-tabs { position: relative; padding: .2em; zoom: 1; border-radius: 0!important; moz-border-radius: 0!important; border-color: #ddd!important; margin:15px 0; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  2302. .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; border-radius: 0!important; moz-border-radius: 0!important; border-color: #ddd!important; background: #eee!important }
  2303. .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
  2304. .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
  2305. .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
  2306. .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
  2307. .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
  2308. .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
  2309. .ui-tabs .ui-tabs-hide { display: none !important; }
  2310. .ui-tabs .ui-state-default { background: #ddd!important }
  2311. .ui-tabs .ui-state-active { background: #fff!important; border-color: #ddd!important }
  2312.  
  2313.  
  2314.  
  2315.  
  2316. #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
  2317. .cboxPrevent { position:absolute; top:0; left:0; width:100%; height:100% }
  2318. #cboxOverlay{position:fixed; width:100%; height:100%;}
  2319. #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
  2320. #cboxContent{position:relative; }
  2321. #cboxLoadedContent{overflow:auto;}
  2322. #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
  2323. #cboxTitle{margin:0;}
  2324. #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
  2325. #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
  2326.  
  2327.  
  2328.  
  2329. <?php if(get_pix_option('pix_colorbox_theme')=='whiteonblack') { ?>
  2330.  
  2331. #cboxOverlay{background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox1/overlay.png) 0 0 repeat;}
  2332. #colorbox{}
  2333.     #cboxTopLeft{width:21px; height:21px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox1/controls.png) -100px 0 no-repeat;}
  2334.     #cboxTopRight{width:21px; height:21px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox1/controls.png) -129px 0 no-repeat;}
  2335.     #cboxBottomLeft{width:21px; height:21px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox1/controls.png) -100px -29px no-repeat;}
  2336.     #cboxBottomRight{width:21px; height:21px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox1/controls.png) -129px -29px no-repeat;}
  2337.     #cboxMiddleLeft{width:21px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox1/controls.png) left top repeat-y;}
  2338.     #cboxMiddleRight{width:21px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox1/controls.png) right top repeat-y;}
  2339.     #cboxTopCenter{height:21px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox1/border.png) 0 0 repeat-x;}
  2340.     #cboxBottomCenter{height:21px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox1/border.png) 0 -29px repeat-x;}
  2341.     #cboxContent{background:#fff;}
  2342.         #cboxLoadedContent{margin-bottom:28px;}
  2343.         #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
  2344.         #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
  2345.         #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
  2346.         #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox1/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
  2347.         #cboxPrevious.hover{background-position:-75px -25px;}
  2348.         #cboxNext{position:absolute; bottom:0; left:27px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox1/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
  2349.         #cboxNext.hover{background-position:-50px -25px;}
  2350.         #cboxLoadingOverlay{background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox1/loading_background.png) center center no-repeat;}
  2351.         #cboxLoadingGraphic{background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox1/loading.gif) center center no-repeat;}
  2352.         #cboxClose{position:absolute; bottom:0; right:0; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox1/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
  2353.         #cboxClose.hover{background-position:-25px -25px;}
  2354.  
  2355.  
  2356. <?php } elseif(get_pix_option('pix_colorbox_theme')=='black') { ?>
  2357.  
  2358. #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
  2359. #cboxOverlay{position:fixed; width:100%; height:100%;}
  2360. #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
  2361. #cboxContent{position:relative;}
  2362. #cboxLoadedContent{overflow:auto;}
  2363. #cboxTitle{margin:0;}
  2364. #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
  2365. #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
  2366. .cboxPhoto{float:left; margin:auto; border:0; display:block;}
  2367. .cboxIframe{width:100%; height:100%; display:block; border:0;}
  2368.  
  2369. /*
  2370.     User Style:
  2371.     Change the following styles to modify the appearance of ColorBox.  They are
  2372.     ordered & tabbed in a way that represents the nesting of the generated HTML.
  2373. */
  2374. #cboxOverlay{background:#000;}
  2375. #colorbox{}
  2376.     #cboxContent{margin-top:20px;}
  2377.         #cboxError{padding:50px; border:1px solid #ccc;}
  2378.         #cboxLoadedContent{border:5px solid #000; background:#fff;}
  2379.         #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
  2380.         #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
  2381.         #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
  2382.         #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox3/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
  2383.         #cboxPrevious.hover{background-position:bottom left;}
  2384.         #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox3/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
  2385.         #cboxNext.hover{background-position:bottom right;}
  2386.         #cboxLoadingOverlay{background:#000;}
  2387.         #cboxLoadingGraphic{background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox3/loading.gif) no-repeat center center;}
  2388.         #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox3/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
  2389.         #cboxClose.hover{background-position:bottom center;}
  2390.        
  2391.        
  2392. <?php } elseif(get_pix_option('pix_colorbox_theme')=='white') { ?>
  2393.  
  2394.  
  2395. #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
  2396. #cboxOverlay{position:fixed; width:100%; height:100%;}
  2397. #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
  2398. #cboxContent{position:relative;}
  2399. #cboxLoadedContent{overflow:auto;}
  2400. #cboxTitle{margin:0;}
  2401. #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
  2402. #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
  2403. .cboxPhoto{float:left; margin:auto; border:0; display:block;}
  2404. .cboxIframe{width:100%; height:100%; display:block; border:0;}
  2405.  
  2406. /*
  2407.     User Style:
  2408.     Change the following styles to modify the appearance of ColorBox.  They are
  2409.     ordered & tabbed in a way that represents the nesting of the generated HTML.
  2410. */
  2411. #cboxOverlay{background:#fff;}
  2412. #colorbox{}
  2413.     #cboxTopLeft{width:25px; height:25px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox4/border1.png) no-repeat 0 0;}
  2414.     #cboxTopCenter{height:25px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox4/border1.png) repeat-x 0 -50px;}
  2415.     #cboxTopRight{width:25px; height:25px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox4/border1.png) no-repeat -25px 0;}
  2416.     #cboxBottomLeft{width:25px; height:25px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox4/border1.png) no-repeat 0 -25px;}
  2417.     #cboxBottomCenter{height:25px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox4/border1.png) repeat-x 0 -75px;}
  2418.     #cboxBottomRight{width:25px; height:25px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox4/border1.png) no-repeat -25px -25px;}
  2419.     #cboxMiddleLeft{width:25px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox4/border2.png) repeat-y 0 0;}
  2420.     #cboxMiddleRight{width:25px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox4/border2.png) repeat-y -25px 0;}
  2421.     #cboxContent{background:#fff;}
  2422.         #cboxError{padding:50px; border:1px solid #ccc;}
  2423.         #cboxLoadedContent{margin-bottom:20px;}
  2424.         #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
  2425.         #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
  2426.         #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
  2427.         #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
  2428.         #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
  2429.         #cboxLoadingOverlay{background:#fff url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox4/loading.gif) no-repeat 5px 5px;}
  2430.         #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}
  2431.  
  2432. /*
  2433.   The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill
  2434.   when an alpha filter (opacity change) is set on the element or ancestor element.
  2435. */
  2436. .cboxIE #cboxTopLeft,
  2437. .cboxIE #cboxTopCenter,
  2438. .cboxIE #cboxTopRight,
  2439. .cboxIE #cboxBottomLeft,
  2440. .cboxIE #cboxBottomCenter,
  2441. .cboxIE #cboxBottomRight,
  2442. .cboxIE #cboxMiddleLeft,
  2443. .cboxIE #cboxMiddleRight {
  2444.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
  2445. }
  2446.  
  2447. /*
  2448.   The following provides PNG transparency support for IE6
  2449. */
  2450. .cboxIE6 #cboxTopLeft{background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox4/ie6/borderTopLeft.png);}
  2451. .cboxIE6 #cboxTopCenter{background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox4/ie6/borderTopCenter.png);}
  2452. .cboxIE6 #cboxTopRight{background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox4/ie6/borderTopRight.png);}
  2453. .cboxIE6 #cboxBottomLeft{background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox4/ie6/borderBottomLeft.png);}
  2454. .cboxIE6 #cboxBottomCenter{background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox4/ie6/borderBottomCenter.png);}
  2455. .cboxIE6 #cboxBottomRight{background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox4/ie6/borderBottomRight.png);}
  2456. .cboxIE6 #cboxMiddleLeft{background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox4/ie6/borderMiddleLeft.png);}
  2457. .cboxIE6 #cboxMiddleRight{background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox4/ie6/borderMiddleRight.png);}
  2458.  
  2459. .cboxIE6 #cboxTopLeft,
  2460. .cboxIE6 #cboxTopCenter,
  2461. .cboxIE6 #cboxTopRight,
  2462. .cboxIE6 #cboxBottomLeft,
  2463. .cboxIE6 #cboxBottomCenter,
  2464. .cboxIE6 #cboxBottomRight,
  2465. .cboxIE6 #cboxMiddleLeft,
  2466. .cboxIE6 #cboxMiddleRight {
  2467.     _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
  2468. }
  2469.        
  2470.        
  2471. <?php } elseif(get_pix_option('pix_colorbox_theme')=='gray') { ?>
  2472.  
  2473.  
  2474. #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
  2475. #cboxOverlay{position:fixed; width:100%; height:100%;}
  2476. #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
  2477. #cboxContent{position:relative;}
  2478. #cboxLoadedContent{overflow:auto;}
  2479. #cboxTitle{margin:0;}
  2480. #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
  2481. #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
  2482. .cboxPhoto{float:left; margin:auto; border:0; display:block;}
  2483. .cboxIframe{width:100%; height:100%; display:block; border:0;}
  2484.  
  2485. /*
  2486.     User Style:
  2487.     Change the following styles to modify the appearance of ColorBox.  They are
  2488.     ordered & tabbed in a way that represents the nesting of the generated HTML.
  2489. */
  2490. #cboxOverlay{background:#000;}
  2491. #colorbox{}
  2492.     #cboxTopLeft{width:14px; height:14px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox5/controls.png) no-repeat 0 0;}
  2493.     #cboxTopCenter{height:14px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox5/border.png) repeat-x top left;}
  2494.     #cboxTopRight{width:14px; height:14px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox5/controls.png) no-repeat -36px 0;}
  2495.     #cboxBottomLeft{width:14px; height:43px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox5/controls.png) no-repeat 0 -32px;}
  2496.     #cboxBottomCenter{height:43px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox5/border.png) repeat-x bottom left;}
  2497.     #cboxBottomRight{width:14px; height:43px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox5/controls.png) no-repeat -36px -32px;}
  2498.     #cboxMiddleLeft{width:14px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox5/controls.png) repeat-y -175px 0;}
  2499.     #cboxMiddleRight{width:14px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox5/controls.png) repeat-y -211px 0;}
  2500.     #cboxContent{background:#fff; overflow:visible;}
  2501.         #cboxLoadedContent{margin-bottom:5px;}
  2502.         #cboxLoadingOverlay{background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox5/loading_background.png) no-repeat center center;}
  2503.         #cboxLoadingGraphic{background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox5/loading.gif) no-repeat center center;}
  2504.         #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
  2505.         #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
  2506.        
  2507.         #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox5/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
  2508.         #cboxPrevious{left:0px; background-position: -51px -25px;}
  2509.         #cboxPrevious.hover{background-position:-51px 0px;}
  2510.         #cboxNext{left:27px; background-position:-75px -25px;}
  2511.         #cboxNext.hover{background-position:-75px 0px;}
  2512.         #cboxClose{right:0; background-position:-100px -25px;}
  2513.         #cboxClose.hover{background-position:-100px 0px;}
  2514.        
  2515.         .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
  2516.         .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
  2517.         .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
  2518.         .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
  2519.        
  2520.        
  2521. <?php } else { ?>
  2522.  
  2523.  
  2524. #cboxOverlay{background:#fff;}
  2525. #colorbox{}
  2526.     #cboxContent{margin-top:32px; overflow:visible;}
  2527.         #cboxError{padding:50px; border:1px solid #ccc;}
  2528.         #cboxLoadedContent{background:#000; padding:1px;}
  2529.         #cboxLoadingGraphic{background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox2/loading.gif) no-repeat center center;}
  2530.         #cboxLoadingOverlay{background:#000;}
  2531.         #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
  2532.         #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
  2533.         #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(<?php echo get_bloginfo('stylesheet_directory'); ?>/images/colorBox2/controls.png) no-repeat 0 0;}
  2534.         #cboxPrevious{background-position:0px 0px; right:44px;}
  2535.         #cboxPrevious.hover{background-position:0px -25px;}
  2536.         #cboxNext{background-position:-25px 0px; right:22px;}
  2537.         #cboxNext.hover{background-position:-25px -25px;}
  2538.         #cboxClose{background-position:-50px 0px; right:0;}
  2539.         #cboxClose.hover{background-position:-50px -25px;}
  2540.         .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
  2541.         .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
  2542.         .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
  2543.         .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
  2544.         .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
  2545.  
  2546.  
  2547. <?php } ?>
  2548.  
  2549.  
  2550. /*
  2551. * qTip2 - Pretty powerful tooltips
  2552. * http://craigsworks.com/projects/qtip2/
  2553. *
  2554. * Version: 2.0.0pre
  2555. * Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
  2556. *
  2557. * Dual licensed under MIT or GPLv2 licenses
  2558. *   http://en.wikipedia.org/wiki/MIT_License
  2559. *   http://en.wikipedia.org/wiki/GNU_General_Public_License
  2560. *
  2561. * Date: Sun May 15 15:19:33 2011 +0100
  2562. */
  2563.  
  2564. /* Fluid class for determining actual width in IE */
  2565. .ui-tooltip-fluid{
  2566.     display: block;
  2567.     visibility: hidden;
  2568.     position: static !important;
  2569.     float: left !important;
  2570. }
  2571.  
  2572. .ui-tooltip, .qtip{
  2573.     position: absolute;
  2574.     left: -28000px;
  2575.     top: -28000px;
  2576.     display: none;
  2577.  
  2578.     max-width: 280px;
  2579.     min-width: 50px;
  2580.    
  2581.     font-size: 10.5px;
  2582.     line-height: 1.5em;
  2583. }
  2584.  
  2585.     .ui-tooltip-content{
  2586.         position: relative;
  2587.         padding: 5px 9px;
  2588.         overflow: hidden;
  2589.        
  2590.         border-width: 1px;
  2591.         border-style: solid;
  2592.        
  2593.         text-align: left;
  2594.         word-wrap: break-word;
  2595.         overflow: hidden;
  2596.     }
  2597.  
  2598.     .ui-tooltip-titlebar{
  2599.         position: relative;
  2600.         min-height: 14px;
  2601.         padding: 5px 35px 5px 10px;
  2602.         overflow: hidden;
  2603.        
  2604.         border-width: 1px 1px 0;
  2605.         border-style: solid;
  2606.  
  2607.         font-weight: bold;
  2608.     }
  2609.  
  2610.     .ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }
  2611.  
  2612.         /*! Default close button class */
  2613.         .ui-tooltip-titlebar .ui-state-default{
  2614.             position: absolute;
  2615.             right: 4px;
  2616.             top: 50%;
  2617.             margin-top: -9px;
  2618.  
  2619.             cursor: pointer;
  2620.             outline: medium none;
  2621.  
  2622.             border-width: 1px;
  2623.             border-style: solid;
  2624.         }
  2625.        
  2626.         * html .ui-tooltip-titlebar .ui-state-default{
  2627.             top: 16px;
  2628.         }
  2629.  
  2630.         .ui-tooltip-titlebar .ui-icon,
  2631.         .ui-tooltip-icon .ui-icon{
  2632.             display: block;
  2633.             text-indent: -1000em;
  2634.         }
  2635.  
  2636.         .ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
  2637.             -moz-border-radius: 3px;
  2638.             -webkit-border-radius: 3px;
  2639.             border-radius: 3px;
  2640.         }
  2641.  
  2642.             .ui-tooltip-icon .ui-icon{
  2643.                 width: 18px;
  2644.                 height: 14px;
  2645.  
  2646.                 text-align: center;
  2647.                 text-indent: 0;
  2648.                 font: normal bold 10px/13px Tahoma,sans-serif;
  2649.  
  2650.                 color: inherit;
  2651.                 background: transparent none no-repeat -100em -100em;
  2652.             }
  2653.  
  2654.  
  2655. /* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
  2656. .ui-tooltip-focus{
  2657.  
  2658. }
  2659.  
  2660. /* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
  2661. .ui-tooltip-hover{
  2662.    
  2663. }
  2664.  
  2665.  
  2666. /*! Default tooltip style */
  2667. .ui-tooltip-titlebar,
  2668. .ui-tooltip-content{
  2669.     border-color: #F1D031;
  2670.     background-color: #FFFFA3;
  2671.     color: #555;
  2672. }
  2673.  
  2674.     .ui-tooltip-titlebar{
  2675.         background-color: #FFEF93;
  2676.     }
  2677.  
  2678.     .ui-tooltip-titlebar .ui-tooltip-icon{
  2679.         border-color: #CCC;
  2680.         background: #F1F1F1;
  2681.         color: #777;
  2682.     }
  2683.    
  2684.     .ui-tooltip-titlebar .ui-state-hover{
  2685.         border-color: #AAA;
  2686.         color: #111;
  2687.     }
  2688.  
  2689.  
  2690. /*! Light tooltip style */
  2691. .ui-tooltip-light .ui-tooltip-titlebar,
  2692. .ui-tooltip-light .ui-tooltip-content{
  2693.     border-color: #E2E2E2;
  2694.     color: #454545;
  2695. }
  2696.  
  2697.     .ui-tooltip-light .ui-tooltip-content{
  2698.         background-color: white;
  2699.     }
  2700.  
  2701.     .ui-tooltip-light .ui-tooltip-titlebar{
  2702.         background-color: #f1f1f1;
  2703.     }
  2704.  
  2705.  
  2706. /*! Dark tooltip style */
  2707. .ui-tooltip-dark .ui-tooltip-titlebar,
  2708. .ui-tooltip-dark .ui-tooltip-content{
  2709.     border-color: #303030;
  2710.     color: #f3f3f3;
  2711. }
  2712.  
  2713.     .ui-tooltip-dark .ui-tooltip-content{
  2714.         background-color: #505050;
  2715.     }
  2716.  
  2717.     .ui-tooltip-dark .ui-tooltip-titlebar{
  2718.         background-color: #404040;
  2719.     }
  2720.  
  2721.     .ui-tooltip-dark .ui-tooltip-icon{
  2722.         border-color: #444;
  2723.     }
  2724.  
  2725.     .ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{
  2726.         border-color: #303030;
  2727.     }
  2728.  
  2729.  
  2730. /*! Cream tooltip style */
  2731. .ui-tooltip-cream .ui-tooltip-titlebar,
  2732. .ui-tooltip-cream .ui-tooltip-content{
  2733.     border-color: #F9E98E;
  2734.     color: #A27D35;
  2735. }
  2736.  
  2737.     .ui-tooltip-cream .ui-tooltip-content{
  2738.         background-color: #FBF7AA;
  2739.     }
  2740.  
  2741.     .ui-tooltip-cream .ui-tooltip-titlebar{
  2742.         background-color: #F0DE7D;
  2743.     }
  2744.  
  2745.     .ui-tooltip-cream .ui-state-default .ui-tooltip-icon{
  2746.         background-position: -82px 0;
  2747.     }
  2748.  
  2749.  
  2750. /*! Red tooltip style */
  2751. .ui-tooltip-red .ui-tooltip-titlebar,
  2752. .ui-tooltip-red .ui-tooltip-content{
  2753.     border-color: #D95252;
  2754.     color: #912323;
  2755. }
  2756.  
  2757.     .ui-tooltip-red .ui-tooltip-content{
  2758.         background-color: #F78B83;
  2759.     }
  2760.  
  2761.     .ui-tooltip-red .ui-tooltip-titlebar{
  2762.         background-color: #F06D65;
  2763.     }
  2764.  
  2765.     .ui-tooltip-red .ui-state-default .ui-tooltip-icon{
  2766.         background-position: -102px 0;
  2767.     }
  2768.  
  2769.     .ui-tooltip-red .ui-tooltip-icon{
  2770.         border-color: #D95252;
  2771.     }
  2772.  
  2773.     .ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{
  2774.         border-color: #D95252;
  2775.     }
  2776.  
  2777.  
  2778. /*! Green tooltip style */
  2779. .ui-tooltip-green .ui-tooltip-titlebar,
  2780. .ui-tooltip-green .ui-tooltip-content{
  2781.     border-color: #90D93F;
  2782.     color: #3F6219;
  2783. }
  2784.  
  2785.     .ui-tooltip-green .ui-tooltip-content{
  2786.         background-color: #CAED9E;
  2787.     }
  2788.  
  2789.     .ui-tooltip-green .ui-tooltip-titlebar{
  2790.         background-color: #B0DE78;
  2791.     }
  2792.  
  2793.     .ui-tooltip-green .ui-state-default .ui-tooltip-icon{
  2794.         background-position: -42px 0;
  2795.     }
  2796.  
  2797.  
  2798. /*! Blue tooltip style */
  2799. .ui-tooltip-blue .ui-tooltip-titlebar,
  2800. .ui-tooltip-blue .ui-tooltip-content{
  2801.     border-color: #ADD9ED;
  2802.     color: #5E99BD;
  2803. }
  2804.  
  2805.     .ui-tooltip-blue .ui-tooltip-content{
  2806.         background-color: #E5F6FE;
  2807.     }
  2808.  
  2809.     .ui-tooltip-blue .ui-tooltip-titlebar{
  2810.         background-color: #D0E9F5;
  2811.     }
  2812.  
  2813.     .ui-tooltip-blue .ui-state-default .ui-tooltip-icon{
  2814.         background-position: -2px 0;
  2815.     }.ui-tooltip .ui-tooltip-tip{
  2816.     margin: 0 auto;
  2817.     overflow: hidden;
  2818.  
  2819.     background: transparent !important;
  2820.     border: 0px dashed transparent !important;
  2821.     z-index: 10;
  2822. }
  2823.  
  2824.     .ui-tooltip .ui-tooltip-tip,
  2825.     .ui-tooltip .ui-tooltip-tip *{
  2826.         position: absolute;
  2827.        
  2828.         line-height: 0.1px !important;
  2829.         font-size: 0.1px !important;
  2830.         color: #123456;
  2831.  
  2832.         background: transparent;
  2833.         border: 0px dashed transparent;
  2834.     }
  2835.  
  2836.     .ui-tooltip .ui-tooltip-tip canvas{ position: static; }#qtip-overlay{
  2837.     position: absolute;
  2838.     left: -10000em;
  2839.     top: -10000em;
  2840.  
  2841.     background-color: black;
  2842.  
  2843.     opacity: 0.7;
  2844.     filter:alpha(opacity=70);
  2845.     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  2846. }
  2847.  
  2848. /*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
  2849. .ui-tooltip-shadow{
  2850.     -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  2851.     -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  2852.     box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  2853. }
  2854.  
  2855.     .ui-tooltip-shadow .ui-tooltip-titlebar,
  2856.     .ui-tooltip-shadow .ui-tooltip-content{
  2857.         filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3);
  2858.         -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";
  2859.  
  2860.         _margin-bottom: -3px; /* IE6 */
  2861.         .margin-bottom: -3px; /* IE7 */
  2862.     }
  2863.  
  2864.  
  2865. /*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
  2866. .ui-tooltip-rounded,
  2867. .ui-tooltip-rounded .ui-tooltip-content,
  2868. .ui-tooltip-tipsy,
  2869. .ui-tooltip-tipsy .ui-tooltip-content,
  2870. .ui-tooltip-youtube,
  2871. .ui-tooltip-youtube .ui-tooltip-content{
  2872.     -moz-border-radius: 4px;
  2873.     -webkit-border-radius: 4px;
  2874.     border-radius: 4px;
  2875. }
  2876.  
  2877. .ui-tooltip-rounded .ui-tooltip-titlebar,
  2878. .ui-tooltip-tipsy .ui-tooltip-titlebar,
  2879. .ui-tooltip-youtube .ui-tooltip-titlebar{
  2880.     -moz-border-radius: 5px 5px 0 0;
  2881.     -webkit-border-radius: 5px 5px 0 0;
  2882.     border-radius: 5px 5px 0 0;
  2883. }
  2884.  
  2885. .ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content,
  2886. .ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content,
  2887. .ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content{
  2888.     -moz-border-radius: 0 0 5px 5px;
  2889.     -webkit-border-radius: 0 0 5px 5px;
  2890.     border-radius: 0 0 5px 5px;
  2891. }
  2892.  
  2893.  
  2894. /*! Youtube tooltip style */
  2895. .ui-tooltip-youtube{
  2896.     -webkit-box-shadow: 0 0 3px #333;
  2897.     -moz-box-shadow: 0 0 3px #333;
  2898.     box-shadow: 0 0 3px #333;
  2899. }
  2900.  
  2901.     .ui-tooltip-youtube .ui-tooltip-titlebar,
  2902.     .ui-tooltip-youtube .ui-tooltip-content{
  2903.         background: transparent;
  2904.         background: rgba(0, 0, 0, 0.85);
  2905.         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
  2906.         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
  2907.  
  2908.         color: white;
  2909.         border-color: #ccc;
  2910.     }
  2911.  
  2912.     .ui-tooltip-youtube .ui-tooltip-icon{
  2913.         border-color: #222;
  2914.     }
  2915.  
  2916.     .ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{
  2917.         border-color: #303030;
  2918.     }
  2919.  
  2920.  
  2921. /* jQuery TOOLS Tooltip style */
  2922. .ui-tooltip-jtools{
  2923.     background: #232323;
  2924.     background: rgba(0, 0, 0, 0.7);
  2925.     background-image: -moz-linear-gradient(top, #717171, #232323);
  2926.     background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
  2927.    
  2928.     border: 2px solid #ddd;
  2929.     border: 2px solid rgba(241,241,241,1);
  2930.  
  2931.     -moz-border-radius: 2px;
  2932.     -webkit-border-radius: 2px;
  2933.     border-radius: 2px;
  2934.  
  2935.     -webkit-box-shadow: 0 0 12px #333;
  2936.     -moz-box-shadow: 0 0 12px #333;
  2937.     box-shadow: 0 0 12px #333;
  2938. }
  2939.  
  2940.     /* IE Specific */
  2941.     .ui-tooltip-jtools .ui-tooltip-titlebar{
  2942.         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
  2943.         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
  2944.     }
  2945.     .ui-tooltip-jtools .ui-tooltip-content{
  2946.         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
  2947.         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
  2948.     }
  2949.  
  2950.     .ui-tooltip-jtools .ui-tooltip-titlebar,
  2951.     .ui-tooltip-jtools .ui-tooltip-content{
  2952.         background: transparent;
  2953.         color: white;
  2954.         border: 0 dashed transparent;
  2955.     }
  2956.  
  2957.     .ui-tooltip-jtools .ui-tooltip-icon{
  2958.         border-color: #555;
  2959.     }
  2960.  
  2961.     .ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{
  2962.         border-color: #333;
  2963.     }
  2964.  
  2965.  
  2966. /* Cluetip style */
  2967.  
  2968.     .ui-tooltip-cluetip .ui-tooltip-content{
  2969.         background-color: #D9D9C2;
  2970.         color: #111;
  2971.         border: 0 dashed transparent;
  2972.     }
  2973.    
  2974.     .ui-tooltip-cluetip .ui-tooltip-icon{
  2975.         border-color: #808064;
  2976.     }
  2977.    
  2978.     .ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{
  2979.         border-color: #696952;
  2980.         color: #696952;
  2981.     }
  2982.  
  2983.  
  2984. /* Tipsy style */
  2985. .ui-tooltip-tipsy{
  2986.     border: 0;
  2987. }
  2988.  
  2989.     .ui-tooltip-tipsy .ui-tooltip-titlebar,
  2990.     .ui-tooltip-tipsy .ui-tooltip-content{
  2991.         background: transparent;
  2992.         background: rgba(0, 0, 0, .87);
  2993.         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
  2994.         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
  2995.        
  2996.         color: white;
  2997.         border: 0px transparent;
  2998.  
  2999.         font-size: 11px;
  3000.         font-family: 'Lucida Grande', sans-serif;
  3001.         font-weight: bold;
  3002.         line-height: 16px;
  3003.         text-shadow: 0 1px black;
  3004.     }
  3005.  
  3006.     .ui-tooltip-tipsy .ui-tooltip-titlebar{
  3007.         padding: 6px 35px 0 10;
  3008.     }
  3009.  
  3010.     .ui-tooltip-tipsy .ui-tooltip-content{
  3011.         padding: 6px 10;
  3012.     }
  3013.    
  3014.     .ui-tooltip-tipsy .ui-tooltip-icon{
  3015.         border-color: #222;
  3016.         text-shadow: none;
  3017.     }
  3018.  
  3019.     .ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{
  3020.         border-color: #303030;
  3021.     }
  3022.  
  3023.  
  3024. /* Tipped style */
  3025. .ui-tooltip-tipped{
  3026.  
  3027. }
  3028.    
  3029.     .ui-tooltip-tipped .ui-tooltip-titlebar,
  3030.     .ui-tooltip-tipped .ui-tooltip-content{
  3031.         border: 3px solid #959FA9;
  3032.     }
  3033.  
  3034.     .ui-tooltip-tipped .ui-tooltip-titlebar{
  3035.         background: #3A79B8;
  3036.         background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
  3037.         background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
  3038.         filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
  3039.         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
  3040.  
  3041.         color: white;
  3042.         font-weight: normal;
  3043.         font-family: serif;
  3044.  
  3045.         border-bottom-width: 0;
  3046.         -moz-border-radius: 3px 3px 0 0;
  3047.         -webkit-border-radius: 3px 3px 0 0;
  3048.         border-radius: 3px 3px 0 0;
  3049.     }
  3050.    
  3051.     .ui-tooltip-tipped .ui-tooltip-content{
  3052.         background-color: #F9F9F9;
  3053.         color: #454545;
  3054.  
  3055.         -moz-border-radius: 0 0 3px 3px;
  3056.         -webkit-border-radius: 0 0 3px 3px;
  3057.         border-radius: 0 0 3px 3px;
  3058.     }
  3059.  
  3060.     .ui-tooltip-tipped .ui-tooltip-icon{
  3061.         border: 2px solid #285589;
  3062.         background: #285589;
  3063.     }
  3064.        
  3065.         .ui-tooltip-tipped .ui-tooltip-icon .ui-icon{
  3066.             background-color: #FBFBFB;
  3067.             color: #555;
  3068.         }
  3069.  
  3070.  
  3071.  
  3072. /*
  3073. Theme Name: Applicious
  3074. Theme URI: http://themes.projekktor.com/eklektik
  3075. Description: This is inspired by something I dont know.
  3076. Author: Johnny Flash
  3077. Author URI:http://www.90revolutions.com
  3078.  
  3079. under GNU General Public License
  3080. http://www.projekktor.com/license/
  3081. */
  3082.  
  3083. .projekktor {
  3084.     overflow:hidden;
  3085.     background-color:#000;
  3086.     font-family: 'Lucida Grande', Arial, Sans-Serif;
  3087.     position:relative; /* !!! */
  3088.     padding:0;
  3089.     margin:0;
  3090.     display:block;    /* !!! */
  3091. }
  3092.  
  3093. .ppcontrols {
  3094.     position: absolute; /* !!! */
  3095.     left: 50%;
  3096.     bottom: 0;
  3097.     margin-left:-210px;
  3098.     display: block;
  3099.     width: 420px;
  3100.     height: 87px;
  3101.     background: transparent url(images/eklektik.png) 0 0 no-repeat;
  3102.     z-index:8000;
  3103.     padding: 0px;
  3104. }
  3105.  
  3106. .pplogo.inactive,
  3107. .ppstart.inactive,
  3108. .ppbuffering.inactive,
  3109. .ppcontrols.inactive,
  3110. .ppplay.inactive,
  3111. .pppause.inactive,
  3112. .ppfsenter.inactive,
  3113. .ppfsexit.inactive,
  3114. .ppprev.inactive,
  3115. .ppnext.inactive {
  3116.     display: none;
  3117. }
  3118.  
  3119. .pplogo.active,
  3120. .ppstart.active,
  3121. .ppbuffering.active,
  3122. .ppcontrols.active,
  3123. .ppplay.active,
  3124. .pppause.active,
  3125. .ppfsenter.active,
  3126. .ppfsexit.active,
  3127. .ppprev.active,
  3128. .ppnext.active {
  3129.     display: block;
  3130. }
  3131.  
  3132.  
  3133. .ppfsexit {
  3134.     display:block;
  3135.     position: absolute;
  3136.     left: 380px;
  3137.     top: 13px;
  3138.     background: transparent url(images/eklektik.png) -420px -30px no-repeat;
  3139.     width: 27px;
  3140.     height: 22px;
  3141.     cursor: pointer;
  3142. }
  3143.  
  3144. .ppfsexit:hover {
  3145.     background: transparent url(images/eklektik.png) -457px -30px no-repeat;
  3146. }
  3147.  
  3148. .ppfsenter {
  3149.     display:block;
  3150.     position: absolute;
  3151.     left: 380px;
  3152.     top: 13px;
  3153.     background: transparent url(images/eklektik.png) -420px 0px no-repeat;
  3154.     width: 27px;
  3155.     height: 22px;
  3156.     cursor: pointer;
  3157. }
  3158. .ppfsenter:hover {
  3159.     background: transparent url(images/eklektik.png) -457px 0px no-repeat;
  3160. }
  3161.  
  3162.  
  3163. .ppplay{
  3164.     display:block;
  3165.     position: absolute;
  3166.     top: 11px;
  3167.     left: 192px;
  3168.     /*background: transparent url(images/eklektik.png) -825px 0 no-repeat;*/
  3169.     background: transparent url(images/eklektik.png) -619px 0 no-repeat;
  3170.     width: 34px;
  3171.     height: 27px;
  3172.     cursor: pointer;
  3173. }
  3174.  
  3175. .pppause:hover {
  3176.     /*background: transparent url(images/eklektik.png) -781px 0 no-repeat;*/
  3177.     background: transparent url(images/eklektik.png) -585px 0 no-repeat;
  3178. }
  3179.  
  3180.  
  3181.  
  3182. .pppause  {
  3183.     display:none;
  3184.     position: absolute;
  3185.     top: 11px;
  3186.     left: 192px;
  3187.     /*background: transparent url(images/eklektik.png) -737px 0 no-repeat;*/
  3188.     background: transparent url(images/eklektik.png) -551px 0 no-repeat;
  3189.     width: 34px;
  3190.     height: 27px;
  3191.     cursor: pointer;
  3192. }
  3193.  
  3194. .ppplay:hover {
  3195.     /*background: transparent url(images/eklektik.png) -869px 0 no-repeat;*/
  3196.     background: transparent url(images/eklektik.png) -653px 0 no-repeat;
  3197. }
  3198.  
  3199.  
  3200.  
  3201. .ppnext {
  3202.     position: absolute;
  3203.     top: 11px;
  3204.     left: 232px;
  3205.     background: transparent url(images/eklektik.png) -484px 0 no-repeat;
  3206.     width: 34px;
  3207.     height: 27px;
  3208.     cursor: pointer;
  3209.  
  3210. }
  3211.  
  3212. .ppnext:hover {
  3213.     background: transparent url(images/eklektik.png) -517px 0 no-repeat;
  3214. }
  3215.  
  3216. .ppprev {
  3217.     position: absolute;
  3218.     top: 11px;
  3219.     left: 153px;
  3220.     background: transparent url(images/eklektik.png) -687px 0 no-repeat;
  3221.     width: 34px;
  3222.     height: 27px;
  3223. }
  3224.  
  3225. .ppprev:hover {
  3226.     background: transparent url(images/eklektik.png) -721px 0 no-repeat;
  3227. }
  3228.  
  3229. .pptitle {
  3230.     position: absolute;
  3231.     top: 20px;
  3232.     left: 10px;
  3233.     height: 15px;
  3234.     width: 400px;
  3235.     cursor: pointer;
  3236.     text-align:center;
  3237.     font-family:Arial, Helvetica, sans-serif;
  3238.     font-size:14px;
  3239.     font-weight: bold;
  3240.     color: #0087ef;
  3241.     visibility: hidden;
  3242. }
  3243.  
  3244. .pptimeleft {
  3245.     position: absolute;
  3246.     top:14px;
  3247.     left: 290px;
  3248.     height: 15px;
  3249.     width: 75px;
  3250.     cursor: pointer;
  3251.     text-align:left;
  3252.     font-size: 9px;
  3253.     color: #fff;
  3254. }
  3255.  
  3256.  
  3257. .ppscrubber {
  3258.     position: absolute;
  3259.     top: 44px;
  3260.     left: 62px;
  3261.     height: 8px;
  3262.     width: 293px;
  3263.     cursor: pointer;
  3264. }
  3265.  
  3266. .ppplayhead, .pploaded {
  3267.     z-index: 101;
  3268.     position: absolute;
  3269.     bottom:0;
  3270.     height: 8px;
  3271.     width: 1px;
  3272.     background-color: #0087ef;
  3273.     cursor: pointer;
  3274.     -moz-border-radius: 4px;
  3275.     -webkit-border-radius: 4px;
  3276. }
  3277.  
  3278. .pploaded {
  3279.     z-index: 100;
  3280.     background: transparent url(images/loaded.png) repeat-x;
  3281. }
  3282.  
  3283.  
  3284. .ppvslider {
  3285.     position: absolute;
  3286.     top:20px;
  3287.     left:30px;
  3288.     height: 10px;
  3289.     width: 80px;
  3290. }
  3291.  
  3292. .ppvmarker {
  3293.     position: absolute;
  3294.     top:0;
  3295.     left:0;
  3296.     height: 10px;
  3297.     width: 100%;
  3298. }
  3299.  
  3300. .ppvknob  {
  3301.     cursor: pointer;
  3302.     z-index: 201;
  3303.     position: absolute;
  3304.     background: transparent url(images/eklektik.png) -1552px 0 no-repeat;
  3305.     top:-4px;
  3306.     left:0px;
  3307.     width: 17px;
  3308.     height: 17px;
  3309. }
  3310.  
  3311. .ppvknob:hover  {
  3312.     background: transparent url(images/eklektik.png) -1577px 0px no-repeat;
  3313. }
  3314.  
  3315.  
  3316.  
  3317.  
  3318.  
  3319.  
  3320. .ppvmax  {
  3321.     cursor: pointer;
  3322.     position: absolute;
  3323.     top:15px;
  3324.     left:116px;
  3325.     width: 22px;
  3326.     height: 25px;
  3327.     background: transparent url(images/eklektik.png) -1329px 0px no-repeat;
  3328. }
  3329.  
  3330. .ppvmax:hover {
  3331.     cursor: pointer;
  3332.     position: absolute;
  3333.     top:15px;
  3334.     left:116px;
  3335.     width: 22px;
  3336.     height: 25px;
  3337.     background: transparent url(images/eklektik.png) -1354px 0px no-repeat;
  3338. }
  3339.  
  3340.  
  3341. .ppmute  {
  3342.     cursor: pointer;
  3343.     position: absolute;
  3344.     top:15px;
  3345.     left:10px;
  3346.     width: 17px;
  3347.     height: 18px;
  3348.     background: transparent url(images/eklektik.png) -1518px 0px no-repeat;
  3349. }
  3350.  
  3351. .ppmute:hover  {
  3352.     background: transparent url(images/eklektik.png) -1534px 0px no-repeat;
  3353. }
  3354.  
  3355. .pptestcard {
  3356.     background: transparent url(images/testcard.jpg) center center no-repeat;
  3357.     width: 100%;
  3358.     height: 100%;
  3359.     color: red;
  3360.     font-weight: bold;
  3361.     font-size: 24px;
  3362.     overflow: hidden;
  3363. }
  3364.  
  3365.  
  3366. .ppbuffering {
  3367.     position: relative;
  3368.     left: 50%;
  3369.     top: 50%;
  3370.     margin-left:-30px;
  3371.     margin-top: -30px;
  3372.     display: block;
  3373.     z-index:8000;
  3374.     padding: 0px;
  3375.     background: #F6F6F6 url(images/buffering.gif) center center no-repeat;
  3376.     height: 60px;
  3377.     width: 60px;
  3378.     -moz-border-radius: 15px;
  3379.     -webkit-border-radius: 15px;
  3380.     display: none;
  3381. }
  3382.  
  3383. .ppstart {
  3384.     position: relative;
  3385.     left: 50%;
  3386.     top: 50%;
  3387.     margin-left:-40px;
  3388.     margin-top: -40px;
  3389.     display: block;
  3390.     z-index:8000;
  3391.     padding: 0px;
  3392.     background: transparent url(images/start.png) center center no-repeat;
  3393.     cursor: pointer;
  3394.     height: 80px;
  3395.     width: 80px;
  3396. }
  3397.  
  3398. .pptestcard p {
  3399.     background-color: #fdfdfd;
  3400.     width: 50%;
  3401.     margin: auto;
  3402.     line-height: 25px;
  3403.     position: relative;
  3404.     top: 40%;
  3405.     padding: 10px;
  3406.     border:5px solid #000;
  3407.     text-align: center;
  3408. }
  3409.  
  3410.  
  3411. .pixwallSlide {
  3412.     bottom: 0;
  3413.     left: 0;
  3414.     position: absolute;
  3415.     right: 0;
  3416.     top: 0;
  3417.     width: 100%;
  3418. }
  3419. #pixwall_target {
  3420.     height: 100%;
  3421.     left: 0;
  3422.     overflow: hidden;
  3423.     position: fixed;
  3424.     right: -20px;
  3425.     top: 0;
  3426.     z-index: -1;
  3427. }
  3428. #pixwall_loader {
  3429.     background: rgba(255, 255, 255, 0.9) url(../images/pixwall-loader.gif) no-repeat center;
  3430.     .background: #fff url(../images/pixwall-loader.gif) no-repeat center;
  3431.     border: 1px solid #ffffff;
  3432.     -webkit-border-radius: 50%;
  3433.     -moz-border-radius: 50%;
  3434.     border-radius: 50%;
  3435.     bottom: 0;
  3436.     display: none;
  3437.     height: 36px;
  3438.     left: 50%;
  3439.     overflow: hidden;
  3440.     position: fixed;
  3441.     right: 0;
  3442.     top: 50%;
  3443.     margin: -18px 0 0 -18px;
  3444.     width: 36px;
  3445.     z-index: 1;
  3446. }
  3447. @media \0screen {
  3448.   #pixwall_loader {background: #fff url(../images/pixwall-loader.gif) no-repeat center;}
  3449. }
  3450. #pixwall_bar {
  3451.     bottom: 0;
  3452.     overflow: hidden;
  3453.     padding: 2px;
  3454.     position: absolute;
  3455.     right: 0;
  3456.     width: 5px;
  3457.     top: 0;
  3458.     z-index: 1;
  3459. }
  3460.  
  3461. <?php echo stripslashes(get_pix_option( 'pix_custom_style')  ); ?>
  3462.  
  3463.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement