body {overflow:hidden;}
.ss_application {position:relative; font-family:arial; background:#FFF;}
.ss_application table {border-collapse:collapse; padding:0px;}
.ss_application td {vertical-align:top;}
.ss_application .interface {overflow:hidden;}

.ss_application .ss_directory {position:relative; overflow:auto; width:180px; border-right:1px solid #CCC;}
.ss_application .ss_directory p.loading {color:#666; font-size:11px; font-family:arial;}
.ss_application .ss_directory .title {margin-top:10px; padding:0px 10px; font-size:11px; font-weight:bold; color:#666; text-align:center;}
.ss_application .ss_directory .page {float:left; margin:0px 10px 5px 10px; padding:5px; background:url(/content/specialsection/library/images/gradient.png);}
.ss_application .ss_directory .page img {width:130px; border:1px solid #CCC; cursor:pointer;}
.ss_application .ss_directory .extra {padding:5px 10px 10px 10px; font-size:11px; color:#333;}

.ss_application .ss_workspace {position:relative; overflow:auto; background:#EEE;}
.ss_application .ss_workspace p.loading {color:#666; font-size:11px; font-family:arial;}
.ss_application .ss_workspace .multipage {float:left; margin:10px; padding:5px; background:url(/content/specialsection/library/images/gradient.png);}
.ss_application .ss_workspace .multipage img {border:1px solid #CCC; cursor:pointer;}
.ss_application .ss_workspace .singlepage {height:100%;}
.ss_application .ss_workspace .singlepage table {border-collapse:collapse; padding:0px; width:100%; height:100%;}
.ss_application .ss_workspace .singlepage td {padding:10px; vertical-align:middle;}
.ss_application .ss_workspace .singlepage .fill {width:50%; padding:0px;}
.ss_application .ss_workspace .singlepage .page {position:relative; padding:5px; background:url(/content/specialsection/library/images/gradient.png);}
.ss_application .ss_workspace .singlepage .page img {border:1px solid #CCC;}
.ss_application .ss_workspace .singlepage .page .peel-bl {position:absolute; top:100%; margin-top:-100px; left:4px; width:96px; height:96px; background:url(/content/specialsection/library/images/peel-bl.png); cursor:pointer;}
.ss_application .ss_workspace .singlepage .page .peel-br {position:absolute; top:100%; margin-top:-100px; right:4px; width:96px; height:96px; background:url(/content/specialsection/library/images/peel-br.png); cursor:pointer;}
.ss_application .ss_workspace .singlepage .page .peel-tl {position:absolute; top:4px; left:4px; width:96px; height:96px; background:url(/content/specialsection/library/images/peel-tl.png); cursor:pointer;}
.ss_application .ss_workspace .singlepage .page .peel-tr {position:absolute; top:4px; right:4px; width:96px; height:96px; background:url(/content/specialsection/library/images/peel-tr.png); cursor:pointer;}
.ss_application .ss_workspace .singlepage .page .peel-bl, .ss_application .ss_workspace .singlepage .page .peel-br {filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.ss_application .ss_workspace .singlepage .page .peel-tl, .ss_application .ss_workspace .singlepage .page .peel-tr {filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.ss_application .ss_workspace .sidebyside {height:100%;}
.ss_application .ss_workspace .sidebyside table {border-collapse:collapse; padding:0px; width:100%; height:100%;}
.ss_application .ss_workspace .sidebyside td {padding:10px; vertical-align:middle;}
.ss_application .ss_workspace .sidebyside .fill {width:50%; padding:0px;}
.ss_application .ss_workspace .sidebyside .page {position:relative; padding:5px; background:url(../library/images/gradient.png);}
.ss_application .ss_workspace .sidebyside .page table {width:auto; height:auto; border:1px solid #CCC;}
.ss_application .ss_workspace .sidebyside .page td {vertical-align:top; padding:0px; background:#FFF;}
.ss_application .ss_workspace .sidebyside .page .divider {position:absolute; top:0px; left:50%; margin-left:-48px; width:95px; height:100%; background:url(/content/specialsection/library/images/divide-pg.png);}
.ss_application .ss_workspace .sidebyside .page .peel-bl {position:absolute; top:100%; margin-top:-100px; left:4px; width:96px; height:96px; background:url(/content/specialsection/library/images/peel-bl.png); cursor:pointer;}
.ss_application .ss_workspace .sidebyside .page .peel-br {position:absolute; top:100%; margin-top:-100px; right:4px; width:96px; height:96px; background:url(/content/specialsection/library/images/peel-br.png); cursor:pointer;}
.ss_application .ss_workspace .sidebyside .page .peel-tl {position:absolute; top:4px; left:4px; width:96px; height:96px; background:url(/content/specialsection/library/images/peel-tl.png); cursor:pointer;}
.ss_application .ss_workspace .sidebyside .page .peel-tr {position:absolute; top:4px; right:4px; width:96px; height:96px; background:url(/content/specialsection/library/images/peel-tr.png); cursor:pointer;}
.ss_application .ss_workspace .sidebyside .page .peel-bl, .ss_application .ss_workspace .sidebyside .page .peel-br {filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.ss_application .ss_workspace .sidebyside .page .peel-tl, .ss_application .ss_workspace .sidebyside .page .peel-tr {filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}

.ss_application .ss_toolbar {position:relative; height:30px; line-height:30px; border-bottom:1px solid #CCC;}
.ss_application .ss_toolbar .options {position:absolute; top:1px; left:10px;}
.ss_application .ss_toolbar .zoom {position:absolute; top:1px; left:50%; margin-left:-110px;}
.ss_application .ss_toolbar .pages {position:absolute; top:1px; right:10px;}
.ss_application .ss_toolbar .slider {position:relative; float:left;}
.ss_application .ss_toolbar .slider .increment {position:relative; height:28px; width:201px; background:url(/content/specialsection/library/images/slider-bg.gif) no-repeat; cursor:default;}
.ss_application .ss_toolbar .slider .arrow {position:absolute; left:-8px; top:4px; cursor:pointer;}
.ss_application .ss_toolbar a {display:block; float:left; height:24px; width:24px; margin:2px 4px 0px 4px; cursor:pointer;}
.ss_application .ss_toolbar a img {height:24px; width:24px; border:none;}
.ss_application .ss_toolbar a.divider {width:1px; border-left:1px solid #D7D7D7; border-right:1px solid #D7D7D7; background:#999; cursor:default;}
.ss_application .ss_toolbar a.zoomin {margin-left:8px; background:url(/content/specialsection/library/images/zoom-in.png) no-repeat;}
.ss_application .ss_toolbar a.zoomout {margin-right:8px; background:url(/content/specialsection/library/images/zoom-out.png) no-repeat;}
.ss_application .ss_toolbar a.prev {background:url(/content/specialsection/library/images/pg-prev.png) no-repeat;}
.ss_application .ss_toolbar a.next {background:url(/content/specialsection/library/images/pg-next.png) no-repeat;}
.ss_application .ss_toolbar a.toc {background:url(/content/specialsection/library/images/pg-toc.png) no-repeat;}
.ss_application .ss_toolbar a.singlepage {background:url(/content/specialsection/library/images/single-page.png) no-repeat;}
.ss_application .ss_toolbar a.multipage {background:url(/content/specialsection/library/images/multi-page.png) no-repeat;}
.ss_application .ss_toolbar a.sidebyside {background:url(/content/specialsection/library/images/sidebyside.png) no-repeat;}
.ss_application .ss_toolbar a.drawer {background:url(/content/specialsection/library/images/drawer.png) no-repeat;}
.ss_application .ss_toolbar a.print {background:url(/content/specialsection/library/images/print.png) no-repeat;}

.ss_application .ss_navigation {position:relative; height:30px; line-height:30px; border-top:1px solid #CCC;}
.ss_application .ss_navigation .pages {position:absolute; top:1px; left:50%;}
.ss_application .ss_navigation .slider {position:relative; float:left;}
.ss_application .ss_navigation .slider .increment {position:relative; height:28px; background:url(/content/specialsection/library/images/slider-wide-bg.gif) repeat-x; cursor:default;}
.ss_application .ss_navigation .slider .arrow {position:absolute; left:2px; top:4px; cursor:default;}
.ss_application .ss_navigation .thumbnails {position:absolute; left:0px; top:0x;}
.ss_application .ss_navigation .thumbnails a {display:block; float:left; width:18px; height:22px; line-height:20px; margin:2px 1px 0px 1px; text-align:center; color:#666; font-size:11px;}
.ss_application .ss_navigation .thumbnails a:hover {background:#CECECE; color:#333; cursor:pointer;}
.ss_application .ss_navigation .thumbnail {position:absolute; left:0px; top:0x;}
.ss_application .ss_navigation .thumbnail .page {position:relative; padding:5px; background:url(/content/specialsection/library/images/gradient.png);}
.ss_application .ss_navigation .thumbnail .page img {border:1px solid #CCC; cursor:pointer;}