Experiment
diff --git a/_index.html b/_index.html
index 5255f4f..a6a2c51 100644
--- a/_index.html
+++ b/_index.html
@@ -74,23 +74,14 @@
<h6 style="background-color: rgb(250, 253, 87);">Screencasts</h6>
Find out more about ABM and AMP in these presentations.. (Externally hosted.)<BR />
-<div>
-<a class="gallery" rel="prettyPhoto[all]"
-title="Xtext in less than a minute" href="http://vimeo.com/8260921">
-<img src="images/maincast.png"/>
-<div class="overlay"></div>
-</a>
-</div>
-
-<object width="580" height="360">
- <param name="movie" value="http://www.youtube.com/v/pSYzf_p6StY&hl=en_US&fs=1?rel=0&hd=1&border=1"></param>
- <param name="allowFullScreen" value="true"></param>
- <param name="allowscriptaccess" value="always"></param>
- <embed src="http://www.youtube.com/v/pSYzf_p6StY&hl=en_US&fs=1?rel=0&hd=1&border=1"
- type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="580" height="360"></embed></object>
-
<table>
<tr>
+ <div><a class="gallery" rel="prettyPhoto[all]" title="Installing and Getting Started"
+ href="http://www.youtube.com/v/pSYzf_p6StY"> <img src="images/screenicons/overview.jpg" />
+ <div class="overlay"></div>
+ </a></div>
+ </tr>
+ <tr>
<td><a href="http://www.youtube.com/watch?v=1bVVptIEjoA"><img src="images/screenicons/overview.jpg">Overview</a>
</td>
</tr>
diff --git a/_projectCommon.php b/_projectCommon.php
index 6edd00d..f50e816 100755
--- a/_projectCommon.php
+++ b/_projectCommon.php
@@ -40,6 +40,8 @@
$App->AddExtraHtmlHeader('<link rel="stylesheet" type="text/css" href="style.css"/>' . "\n\t");
$App->AddExtraHtmlHeader('<link rel="stylesheet" type="text/css" href="style2.css"/>' . "\n\t");
+ $App->AddExtraHtmlHeader('<link rel="stylesheet" type="text/css" href="style3.css"/>' . "\n\t");
+ $App->AddExtraHtmlHeader('<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css"/>' . "\n\t");
$App->Promotion = TRUE;
diff --git a/css/prettyPhoto.css b/css/prettyPhoto.css
new file mode 100644
index 0000000..0c4545e
--- /dev/null
+++ b/css/prettyPhoto.css
@@ -0,0 +1,450 @@
+/* ------------------------------------------------------------------------
+ This you can edit.
+------------------------------------------------------------------------- */
+
+ div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
+ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
+ div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
+
+ div.light_rounded .pp_content .ppt { color: #000; }
+ div.light_rounded .pp_content_container .pp_left,
+ div.light_rounded .pp_content_container .pp_right { background: #fff; }
+ div.light_rounded .pp_content { background-color: #fff; } /* Content background */
+ div.light_rounded .pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
+ div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
+ div.light_rounded .pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
+ div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
+ div.light_rounded .pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
+ div.light_rounded .pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
+ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
+ div.light_rounded #pp_full_res .pp_inline { color: #000; }
+ div.light_rounded .pp_gallery a.pp_arrow_previous,
+ div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
+ div.light_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
+ div.light_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
+
+ div.light_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
+ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
+ div.light_rounded .pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
+ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
+
+ div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
+ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
+ div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
+
+ div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
+
+ /* ----------------------------------
+ Dark Rounded Theme
+ ----------------------------------- */
+
+ div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
+ div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
+ div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
+
+ div.dark_rounded .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
+ div.dark_rounded .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
+ div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
+ div.dark_rounded .pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
+ div.dark_rounded .pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
+ div.dark_rounded .pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
+ div.dark_rounded .pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
+ div.dark_rounded .pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
+ div.dark_rounded .pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
+ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
+ div.dark_rounded .currentTextHolder { color: #c4c4c4; }
+ div.dark_rounded .pp_description { color: #fff; }
+ div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
+ div.dark_rounded .pp_gallery a.pp_arrow_previous,
+ div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
+ div.dark_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
+ div.dark_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
+
+ div.dark_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
+ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
+ div.dark_rounded .pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
+ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
+
+ div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
+ div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
+ div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
+
+ div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
+
+
+ /* ----------------------------------
+ Dark Square Theme
+ ----------------------------------- */
+
+ div.dark_square .pp_left ,
+ div.dark_square .pp_middle,
+ div.dark_square .pp_right,
+ div.dark_square .pp_content { background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat; }
+ div.dark_square .currentTextHolder { color: #c4c4c4; }
+ div.dark_square .pp_description { color: #fff; }
+ div.dark_square .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
+
+ div.dark_square .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
+ div.dark_square .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
+ div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
+ div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
+ div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
+ div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
+ div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
+ div.dark_square #pp_full_res .pp_inline { color: #fff; }
+ div.dark_square .pp_gallery a.pp_arrow_previous,
+ div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
+ div.dark_square .pp_nav .pp_play { background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
+ div.dark_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
+
+ div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
+ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
+ div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
+ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
+
+ div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
+ div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
+
+
+ /* ----------------------------------
+ Light Square Theme
+ ----------------------------------- */
+
+ div.light_square .pp_left ,
+ div.light_square .pp_middle,
+ div.light_square .pp_right,
+ div.light_square .pp_content { background: #fff; }
+
+ div.light_square .pp_content .ppt { color: #000; }
+ div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
+ div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
+ div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
+ div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
+ div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
+ div.light_square #pp_full_res .pp_inline { color: #000; }
+ div.light_square .pp_gallery a.pp_arrow_previous,
+ div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
+ div.light_square .pp_nav .pp_play { background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
+ div.light_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
+
+ div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
+ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
+ div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
+ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
+
+ div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
+ div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
+
+
+ /* ----------------------------------
+ Facebook style Theme
+ ----------------------------------- */
+
+ div.facebook .pp_top .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */
+ div.facebook .pp_top .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
+ div.facebook .pp_top .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */
+
+ div.facebook .pp_content .ppt { color: #000; }
+ div.facebook .pp_content_container .pp_left { background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */
+ div.facebook .pp_content_container .pp_right { background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */
+ div.facebook .pp_content { background: #fff; } /* Content background */
+ div.facebook .pp_expand { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
+ div.facebook .pp_expand:hover { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
+ div.facebook .pp_contract { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
+ div.facebook .pp_contract:hover { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
+ div.facebook .pp_close { width: 22px; height: 22px; background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
+ div.facebook #pp_full_res .pp_inline { color: #000; }
+ div.facebook .pp_loaderIcon { background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */
+
+ div.facebook .pp_arrow_previous { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */
+ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
+ div.facebook .pp_arrow_next { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */
+ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
+ div.facebook .pp_nav { margin-top: 0; }
+ div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
+ div.facebook .pp_nav .pp_play { background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
+ div.facebook .pp_nav .pp_pause { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
+
+ div.facebook .pp_next:hover { background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
+ div.facebook .pp_previous:hover { background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
+
+ div.facebook .pp_bottom .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
+ div.facebook .pp_bottom .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
+ div.facebook .pp_bottom .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
+
+
+/* ------------------------------------------------------------------------
+ DO NOT CHANGE
+------------------------------------------------------------------------- */
+
+ div.pp_pic_holder a:focus { outline:none; }
+
+ div.pp_overlay {
+ background: #000;
+ display: none;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ z-index: 9500;
+ }
+
+ div.pp_pic_holder {
+ display: none;
+ position: absolute;
+ width: 100px;
+ z-index: 10000;
+ }
+
+ .pp_top {
+ height: 20px;
+ position: relative;
+ }
+ * html .pp_top { padding: 0 20px; }
+
+ .pp_top .pp_left {
+ height: 20px;
+ left: 0;
+ position: absolute;
+ width: 20px;
+ }
+ .pp_top .pp_middle {
+ height: 20px;
+ left: 20px;
+ position: absolute;
+ right: 20px;
+ }
+ * html .pp_top .pp_middle {
+ left: 0;
+ position: static;
+ }
+
+ .pp_top .pp_right {
+ height: 20px;
+ left: auto;
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 20px;
+ }
+
+ .pp_content { height: 40px; }
+
+ .pp_fade { display: none; }
+
+ .pp_content_container {
+ position: relative;
+ text-align: left;
+ width: 100%;
+ }
+
+ .pp_content_container .pp_left { padding-left: 20px; }
+ .pp_content_container .pp_right { padding-right: 20px; }
+
+ .pp_content_container .pp_details {
+ margin: 10px 0 2px 0;
+ }
+ .pp_description {
+ display: none;
+ margin: 0 0 5px 0;
+ }
+
+ .pp_nav {
+ clear: left;
+ float: left;
+ margin: 3px 0 0 0;
+ }
+
+ .pp_nav p {
+ float: left;
+ margin: 2px 4px;
+ }
+
+ .pp_nav .pp_play,
+ .pp_nav .pp_pause {
+ float: left;
+ margin-right: 4px;
+ text-indent: -10000px;
+ }
+
+ a.pp_arrow_previous,
+ a.pp_arrow_next {
+ display: block;
+ float: left;
+ height: 15px;
+ margin-top: 3px;
+ overflow: hidden;
+ text-indent: -10000px;
+ width: 14px;
+ }
+
+ .pp_hoverContainer {
+ position: absolute;
+ top: 0;
+ width: 100%;
+ z-index: 2000;
+ }
+
+ .pp_gallery {
+ left: 50%;
+ margin-top: -50px;
+ position: absolute;
+ z-index: 10000;
+ }
+
+ .pp_gallery ul {
+ float: left;
+ height: 35px;
+ margin: 0 0 0 5px;
+ overflow: hidden;
+ position: relative;
+ }
+
+ .pp_gallery ul a {
+ border: 1px #000 solid;
+ border: 1px rgba(0,0,0,0.5) solid;
+ display: block;
+ float: left;
+ height: 33px;
+ overflow: hidden;
+ }
+
+ .pp_gallery ul a:hover { border-color: #fff; }
+
+ .pp_gallery ul a img { border: 0; }
+
+ .pp_gallery li {
+ display: block;
+ float: left;
+ margin: 0 5px 0 0;
+ }
+
+ .pp_gallery li.default a {
+ background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
+ display: block;
+ height: 33px;
+ width: 50px;
+ }
+
+ .pp_gallery li.default a img { display: none; }
+
+ .pp_gallery .pp_arrow_previous,
+ .pp_gallery .pp_arrow_next {
+ margin-top: 7px !important;
+ }
+
+ a.pp_next {
+ background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
+ display: block;
+ float: right;
+ height: 100%;
+ text-indent: -10000px;
+ width: 49%;
+ }
+
+ a.pp_previous {
+ background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
+ display: block;
+ float: left;
+ height: 100%;
+ text-indent: -10000px;
+ width: 49%;
+ }
+
+ a.pp_expand,
+ a.pp_contract {
+ cursor: pointer;
+ display: none;
+ height: 20px;
+ position: absolute;
+ right: 30px;
+ text-indent: -10000px;
+ top: 10px;
+ width: 20px;
+ z-index: 20000;
+ }
+
+ a.pp_close {
+ display: block;
+ float: right;
+ text-indent: -10000px;
+ }
+
+ .pp_bottom {
+ height: 20px;
+ position: relative;
+ }
+ * html .pp_bottom { padding: 0 20px; }
+
+ .pp_bottom .pp_left {
+ height: 20px;
+ left: 0;
+ position: absolute;
+ width: 20px;
+ }
+ .pp_bottom .pp_middle {
+ height: 20px;
+ left: 20px;
+ position: absolute;
+ right: 20px;
+ }
+ * html .pp_bottom .pp_middle {
+ left: 0;
+ position: static;
+ }
+
+ .pp_bottom .pp_right {
+ height: 20px;
+ left: auto;
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 20px;
+ }
+
+ .pp_loaderIcon {
+ display: block;
+ height: 24px;
+ left: 50%;
+ margin: -12px 0 0 -12px;
+ position: absolute;
+ top: 50%;
+ width: 24px;
+ }
+
+ #pp_full_res {
+ line-height: 1 !important;
+ }
+
+ #pp_full_res .pp_inline {
+ text-align: left;
+ }
+
+ #pp_full_res .pp_inline p { margin: 0 0 15px 0; }
+
+ div.ppt {
+ color: #fff;
+ display: none;
+ font-size: 17px;
+ margin: 0 0 5px 15px;
+ z-index: 9999;
+ }
+
+/* ------------------------------------------------------------------------
+ Miscellaneous
+------------------------------------------------------------------------- */
+
+ .clearfix:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+ }
+
+ .clearfix {display: inline-block;}
+
+ /* Hides from IE-mac \*/
+ * html .clearfix {height: 1%;}
+ .clearfix {display: block;}
+ /* End hide from IE-mac */
\ No newline at end of file
