@import url("reset.css");
@import url("topbar.css");
@import url("popups.css");

/* =================== Shell Styles =================== */
html,body{height:100%;}
body{font:62.5% Arial, Helvetica, sans-serif;background:#869fb3;}

/* ----- Container ----- */
#container{min-width:950px;min-height:600px;position:absolute;top:21px;left:0;bottom:0;right:0;overflow:hidden;}

/* ----- Tabs ----- */
#tabs{width:35px;height:100%;min-height:586px;position:absolute;top:0;left:0;bottom:56px;z-index:2000001;background:#869fb3;}
#tabs ul{width:31px;position:absolute;bottom:61px;}
#tabs ul li{margin:5px 0 0;}
#tabs ul li a{width:31px;display:block;overflow:hidden;text-indent:-10000px;}
#tabs ul li a.on{width:41px;position:relative;z-index:3000001}
#tabs ul .books a{height:77px;background:url(../images/tabs/books.png) no-repeat;}
#tabs ul .books a.on{background:url(../images/tabs/books-on.png) no-repeat;}
#tabs ul .references a{height:107px;background:url(../images/tabs/references.png) no-repeat;}
#tabs ul .references a.on{background:url(../images/tabs/references-on.png) no-repeat;}
#tabs ul .resources a{height:109px;background:url(../images/tabs/resources.png) no-repeat;}
#tabs ul .resources a.on{background:url(../images/tabs/resources-on.png) no-repeat;}
#tabs ul .bookmarks a{height:113px;background:url(../images/tabs/bookmarks.png) no-repeat;}
#tabs ul .bookmarks a.on{background:url(../images/tabs/bookmarks-on.png) no-repeat;}

/* ----- Extended ----- */
#extended{width:295px;padding:10px;position:absolute;top:8px;left:39px;bottom:55px;z-index:2000000;background:url(../images/extended/bg.png) repeat;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border:1px solid #98a4b3;}

/* Section */
.section{height:100%;}

/* Heading */
.section .heading{overflow:hidden;border-bottom:1px solid #98a4b3;}
.section .heading h2{width:150px;padding:5px 0 0;float:left;color:#eee;font-size:16px;}
.section .heading .links{margin:0 0 5px;float:right;}
.section .heading .links li{float:left;}
.section .heading .links li a{display:block;overflow:hidden;text-indent:-10000px;}
.section .heading .links .add-to-bookmarks a{width:16px;height:16px;margin:4px 10px 0 0;background:url(../images/extended/add-to-bookmarks.png) no-repeat;}
.section .heading .links .as-list a{width:28px;height:22px;margin:1px 0 0 10px;background:url(../images/extended/as-list.png) no-repeat;}
.section .heading .links .as-list a.on{background:url(../images/extended/as-list-on.png) no-repeat;}
.section .heading .links .with-thumbs a{width:27px;height:22px;margin:1px 10px 0 0;background:url(../images/extended/with-thumbs.png) no-repeat;}
.section .heading .links .with-thumbs a.on{background:url(../images/extended/with-thumbs-on.png) no-repeat;}

/* Content */
.section .content{position:absolute;top:50px;left:10px;bottom:10px;right:5px;overflow-y:auto;overflow-x:none;padding:0 5px 0 0;}

/* Item */
.section .item{margin:10px 0 0;overflow:hidden;position:relative;}
.section .item .details{overflow:hidden;border:none;background:url(../images/extended/unit-title.png) repeat;-moz-border-radius:5px;cursor:pointer;}
.section .item .details li{line-height:28px;float:left;color:#fff;font-size:12px;font-weight:bold;}
.section .item .details .title{width:auto;padding:0 10px;}
.section .item .details .count{float:right;}
.section .item .details .count{margin:4px 10px 0;padding:3px 5px;line-height:normal;background:#2d2e2e;-moz-border-radius:7px;}
.section .item .details .icon{width:32px;float:left;}
.section .item .details .icon span{width:32px;height:28px;display:block;overflow:hidden;text-indent:-10000px;background:url(../images/extended/open-unit.png) no-repeat;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;}

/* Open Item */
.section .open .details{border:none;background:url(../images/extended/unit-title-open.png) repeat;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;}
.section .open .details .icon span{display:block;background:url(../images/extended/close-unit.png) no-repeat;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:0;}

/* Item delete */
.section .item p.delete{width:39px;height:28px;position:absolute;top:0;right:0;}
.section .item p.delete a{height:28px;display:block;text-indent:-10000px;overflow:hidden;background:url(../images/extended/delete-folder.png) no-repeat;}

/* Inner */
.inner{background:#fff;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;}
.inner li.none{width:auto;text-align:left;margin:0;padding:0 0 10px;font-size:11px;}

/* ----- Book ----- */
.book{margin:0 0 10px;padding:10px;background:#eee;-moz-border-radius:5px;}

/* Cover */
.cover{overflow:hidden;cursor:pointer;}
.cover li{float:left;}
.cover .icon{padding:13px 10px 0 0;}
.cover .icon span{width:19px;height:18px;display:block;overflow:hidden;text-indent:-10000px;background:url(../images/extended/open-book.png) no-repeat;}
.cover .icon span.close{background:url(../images/extended/close-book.png) no-repeat;}
.cover .title{padding:0 10px;font-size:12px;}

/* Units and Pages */
.units-and-pages{margin:5px 0 0;overflow:hidden;border-top:1px solid #b8bec5;}

/* Pages */
.pages{padding:10px 10px 0;}
.pages ul{overflow:hidden;}
.pages ul li{width:33px;margin:0 20px 10px 0;float:left;text-align:center;}
.pages ul li.first-page, 
.pages ul li.hidden-page{display:none;}
.pages ul li a{display:block;padding-bottom:2px;}
.pages ul li a img{width:33px;height:41px;}

.pages ul.double{}
.pages ul.double li.first-page{display:block;}
.pages ul.double li.left{margin:0 0 10px 0;}
.pages ul.double li.right{margin:0 10px 10px 0;}

/* ----- Resource ----- */
.resource{}
.resource ul{}
.resource ul li{padding:2px 0;font-weight:bold;font-size:12px;-moz-border-radius:5px;}
.resource ul li.alt{background:#ececec url(../images/extended/alt.png) repeat-x bottom left;}
.resource ul li a{padding:8px 10px;display:block;color:#000;}

/* ----- Bookmarks ----- */
#bookmarks .content{top:86px;}

div.available-folders{overflow:auto;background-color:#fff;height:90%;padding:8px 0 8px 0;}
div.available-folders ul li a{color:#000 !important;}

/* Folder Ctrls */
.folder-ctrls{margin:10px -10px 0;padding:7px 10px;background:url(../images/extended/folder-ctrl-bg.png) repeat-x;}
.folder-ctrls a.new-folder{width:109px;height:25px;display:block;text-indent:-10000px;overflow:hidden;background:url(../images/extended/new-folder.png) no-repeat;}

/* Folders */
#bookmarks .bookmarks{display:block;padding:10px 10px 0;}
#bookmarks .bookmarks .bookmark{padding:0 0 10px;overflow:hidden;}
#bookmarks .bookmarks .bookmark .thumb{margin:0 10px 0 0;float:left;}
#bookmarks .bookmarks .bookmark .thumb a{height:41px;display:block;}
#bookmarks .bookmarks .bookmark .thumb a img{width:33px;height:41px;-moz-box-shadow:#000 1px 1px 3px;}
#bookmarks .bookmarks .bookmark .description{min-height:17px;}
#bookmarks .bookmarks .bookmark .actions{height:24px;overflow:hidden;}
#bookmarks .bookmarks .bookmark .actions a{height:24px;float:left;display:block;text-indent:-10000px;overflow:hidden;}
#bookmarks .bookmarks .bookmark .actions .delete{width:83px;margin:0 10px 0 0;background:url(../images/extended/delete-bookmark.png) no-repeat;}

/* ----- Dummy ----- */
.dummy{padding:10px 10px 0;-moz-border-radius:5px;}
.dummy p{padding:0 0 10px;font-weight:bold;font-size:12px;}

/* ----- Content ----- */
#content{position:absolute;top:0;left:35px;bottom:56px;right:0;}
.navigate{cursor:default;}
.zoom{cursor:-moz-zoom-in;}
.draw{cursor:crosshair;}

/* ----- Dock ----- */
#dock{width:100%;height:55px;position:absolute;bottom:0;z-index:2000001;background:#57728f;border-top:1px solid #aab3bd;}
#dock ul{overflow:hidden;}
#dock ul li{float:left;}
#dock ul li a{display:block;overflow:hidden;text-indent:-10000px;}
#dock ul li span{display:block;overflow:hidden;text-indent:-10000px;}
#dock .divider span{width:2px;height:55px;background:url(../images/dock/divider.png) no-repeat;}

/* Set 1 */
#dock .set1{float:left;}
#dock .switch-view{margin:10px 0 0 20px;}
#dock .single-view{width:48px;height:36px;background:url(../images/dock/single-view-on.png) no-repeat;}
#dock .double-view{width:48px;height:36px;background:url(../images/dock/double-view-on.png) no-repeat;}
#dock .previous, #dock .previous-disabled {margin:9px 0 0 24px;}
#dock .previous a{width:34px;height:40px;background:url(../images/dock/previous.png) no-repeat;}
#dock .previous-disabled a{width:34px;height:40px;background:url(../images/dock/previous-disabled.png) no-repeat;}
#dock .jump{width:91px;height:40px;margin:9px 0 0;background:url(../images/dock/jump.png) no-repeat;}
#dock .jump input{width:70px;margin:12px 0 0 10px;border:none;background:none;text-align:center;font-weight:bold;}
#dock .jump a{display:none;}
#dock .next, #dock .next-disabled {margin:9px 23px 0 0;}
#dock .next a{width:34px;height:40px;background:url(../images/dock/next.png) no-repeat;}
#dock .next-disabled a{width:34px;height:40px;background:url(../images/dock/next-disabled.png) no-repeat;}
#dock .back{margin:13px 20px 0 0;}
#dock .back a{width:45px;height:33px;background:url(../images/dock/back.png) no-repeat;}
#dock .toggle{margin:10px 20px 0 0;}
#dock .toggle a{width:59px;height:38px;background:url(../images/dock/toggle.png) no-repeat;}
#dock .drawings{margin:11px 0 0 20px;}
#dock .drawings a{width:50px;height:33px;background:url(../images/dock/drawings.png) no-repeat;}
#dock .drawings a.show{background:url(../images/dock/drawings-show.png) no-repeat;}
#dock .whitescreen{margin:10px 0 0 23px;}
#dock .whitescreen a{width:48px;height:38px;background:url(../images/dock/whitescreen.png) no-repeat;}
#dock .timer{margin:8px 0 0 23px;}
#dock .timer a{width:37px;height:41px;background:url(../images/dock/timer.png) no-repeat;}
#dock .shield{margin:10px 0 0 23px;}
#dock .shield a{width:48px;height:38px;background:url(../images/dock/shield.png) no-repeat;}

#dock .disabled{cursor:default;opacity:0.3;}
#dock .disabled a{cursor:default;}

/* Set 2 */
#dock .set2{float:right;}
#dock .add-flipchart{margin:8px 20px 0 0;}
#dock .add-flipchart a{width:33px;height:45px;background:url(../images/dock/add-flipchart.png) no-repeat;}
#dock .flip-controls{margin:11px 20px 0 0;}
#dock .flip-controls a{width:50px;height:33px;background:url(../images/dock/flip-controls.png) no-repeat;}
#dock .logo{height:35px;padding:20px 20px 0;background:#4a5e76;}
#dock .logo span{width:107px;height:17px;background:url(../images/dock/logo.png) no-repeat;}

/* ----- Keypad ----- */
#keypad{width:235px;height:211px;position:absolute;left:57px;bottom:46px;z-index:2000003;background:url(../images/keypad/bg.png) no-repeat;}
#keypad .close{position:absolute;top:0;right:0;}
#keypad ul{width:180px;margin:20px auto;overflow:hidden;}
#keypad ul li{float:left;margin:4px 0;}
#keypad ul li a{width:36px;line-height:47px;background:url(../images/keypad/number.png) no-repeat;display:block;text-align:center;color:#000;font-weight:bold;font-size:16px;}
#keypad ul .clear{width:90px;margin:4px 0;}
#keypad ul .clear a{width:90px;margin:0 auto;background:url(../images/keypad/clear.png) no-repeat;color:#fff;}
#keypad ul .enter{width:90px;margin:4px 0;}
#keypad ul .enter a{width:90px;margin:0 auto;background:url(../images/keypad/enter.png) no-repeat;}

/* ----- Toolbox ----- */
#toolbox{width:121px;height:auto;padding:10px 0 0;position:absolute;top:20px;right:20px;z-index:2000001;}

/* Minimise Button */
#toolbox .minimise{position:absolute;top:0;right:0;}

/* Tools */
#toolbox #tools{width:111px;height:auto;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border:2px solid #e0e1e6;-moz-box-shadow:#000 5px 5px 10px;}

/* Buttons */
#buttons{overflow:hidden;}
#buttons ul{overflow:hidden;}
#buttons ul li{height:52px;float:left;}
#buttons ul li a{height:52px;display:block;overflow:hidden;text-indent:-10000px;}
#buttons .navigate{height:42px;}
#buttons .navigate a{width:111px;height:42px;background:url(../images/toolbox/navigate.png) no-repeat;}
#buttons .navigate a.on{background:url(../images/toolbox/navigate-on.png) no-repeat;}
#buttons .zoom a{width:56px;background:url(../images/toolbox/zoom.png) no-repeat;}
#buttons .zoom a.on{background:url(../images/toolbox/zoom-on.png) no-repeat;}
#buttons .reset-zoom a{width:55px;background:url(../images/toolbox/reset-zoom.png) no-repeat;}
#buttons .erase a{width:56px;background:url(../images/toolbox/erase.png) no-repeat;}
#buttons .erase a.on{background:url(../images/toolbox/erase-on.png) no-repeat;}
#buttons .clear-screen a{width:55px;background:url(../images/toolbox/clear-screen.png) no-repeat;}
#buttons .clear-screen a.on{background:url(../images/toolbox/clear-screen-on.png) no-repeat;}
#buttons .draw a{width:56px;background:url(../images/toolbox/draw.png) no-repeat;}
#buttons .draw a.on{background:url(../images/toolbox/draw-on.png) no-repeat;}
#buttons .highlight a{width:55px;background:url(../images/toolbox/highlight.png) no-repeat;}
#buttons .highlight a.on{background:url(../images/toolbox/highlight-on.png) no-repeat;}
#buttons .screenshade a{width:56px;background:url(../images/toolbox/screenshade.png) no-repeat;}
#buttons .screenshade a.on{background:url(../images/toolbox/screenshade-on.png) no-repeat;}
#buttons .spotlight a{width:55px;background:url(../images/toolbox/spotlight.png) no-repeat;}
#buttons .spotlight a.on{background:url(../images/toolbox/spotlight-on.png) no-repeat;}
#buttons .text a{width:56px;background:url(../images/toolbox/text.png) no-repeat;}
#buttons .text a.on{background:url(../images/toolbox/text-on.png) no-repeat;}
#buttons .link a{width:55px;background:url(../images/toolbox/link.png) no-repeat;}
#buttons .link a.on{background:url(../images/toolbox/link-on.png) no-repeat;}

/* Minimised Buttons */
#minimised-buttons{width:31px;height:auto;position:absolute;bottom:61px;right:0px;z-index:2000001;}
#minimised-buttons p{margin:5px 0 0;}
#minimised-buttons p a{width:31px;display:block;overflow:hidden;text-indent:-10000px;}
#minimised-buttons p#toolbox-button a{height:89px;background:url(../images/toolbox/buttons/toolbox.png) no-repeat;}

/* ----- Draw and Highlight Options ----- */
#drawing-options{border-top:2px solid #e0e1e6;}

#draw-options{}
#highlight-options{}

.options{overflow:hidden;background:url(../images/draw-options/bg.png) repeat;}
.options ul{overflow:hidden;padding:5px 0;}
.options ul li{float:left;}
.options ul li a{display:block;overflow:hidden;text-indent:-10000px;}

/* Strokes */
.strokes{}
.strokes li a{width:37px;height:37px;}
.strokes .stroke-2 a{background:url(../images/draw-options/strokes/2.png) no-repeat;}
.strokes .stroke-2 a.on{background:url(../images/draw-options/strokes/2-on.png) no-repeat;}
.strokes .stroke-4 a{background:url(../images/draw-options/strokes/4.png) no-repeat;}
.strokes .stroke-4 a.on{background:url(../images/draw-options/strokes/4-on.png) no-repeat;}
.strokes .stroke-6 a{background:url(../images/draw-options/strokes/6.png) no-repeat;}
.strokes .stroke-6 a.on{background:url(../images/draw-options/strokes/6-on.png) no-repeat;}
.strokes .stroke-8 a{background:url(../images/draw-options/strokes/8.png) no-repeat;}
.strokes .stroke-8 a.on{background:url(../images/draw-options/strokes/8-on.png) no-repeat;}
.strokes .stroke-10 a{background:url(../images/draw-options/strokes/10.png) no-repeat;}
.strokes .stroke-10 a.on{background:url(../images/draw-options/strokes/10-on.png) no-repeat;}
.strokes .stroke-12 a{background:url(../images/draw-options/strokes/12.png) no-repeat;}
.strokes .stroke-12 a.on{background:url(../images/draw-options/strokes/12-on.png) no-repeat;}
.strokes .stroke-14 a{background:url(../images/draw-options/strokes/14.png) no-repeat;}
.strokes .stroke-14 a.on{background:url(../images/draw-options/strokes/14-on.png) no-repeat;}
.strokes .stroke-16 a{background:url(../images/draw-options/strokes/16.png) no-repeat;}
.strokes .stroke-16 a.on{background:url(../images/draw-options/strokes/16-on.png) no-repeat;}

/* Colours */
.colours{border-bottom:1px solid #3f4955;}
.colours li{}
.colours li a{width:37px;height:37px;}
.colours .red a{background:url(../images/draw-options/colours/red.png) no-repeat center center;}
.colours .red a.on{background:url(../images/draw-options/colours/red-on.png) no-repeat center center;}
.colours .green a{background:url(../images/draw-options/colours/green.png) no-repeat center center;}
.colours .green a.on{background:url(../images/draw-options/colours/green-on.png) no-repeat center center;}
.colours .blue a{background:url(../images/draw-options/colours/blue.png) no-repeat center center;}
.colours .blue a.on{background:url(../images/draw-options/colours/blue-on.png) no-repeat center center;}
.colours .orange a{background:url(../images/draw-options/colours/orange.png) no-repeat center center;}
.colours .orange a.on{background:url(../images/draw-options/colours/orange-on.png) no-repeat center center;}
.colours .black a{background:url(../images/draw-options/colours/black.png) no-repeat center center;}
.colours .black a.on{background:url(../images/draw-options/colours/black-on.png) no-repeat center center;}
.colours .white a{background:url(../images/draw-options/colours/white.png) no-repeat center center;}
.colours .white a.on{background:url(../images/draw-options/colours/white-on.png) no-repeat center center;}

/* ----- Shared ----- */
.hidden{display:none;}
.minimise{width:23px;height:23px;}
.minimise a{width:23px;height:23px;display:block;overflow:hidden;text-indent:-10000px;background:url(../images/shared/minimise.png);}

/* ----- Logger Console (Temp) ----- */
#logger{width:300px;max-height:300px;position:absolute;top:4px;right:4px;z-index:2000002;}
#logger .console{max-height:600px;background:#fff;overflow-y:auto;padding:2px;opacity:0.8;}

/* =================== Page Styles =================== */
.js-page-info{overflow:hidden;height:0px;width:0px;}

/* ----- Map ----- */
#map{width:100%;height:100%;}
.markers img{cursor:pointer;}

/* ----- Zoom Preset Controls ----- */
#preset-zoom-controls{z-index:10001;position:absolute;top:100px;left:100px;}
#preset-zoom-controls ul{list-style:none;}
#preset-zoom-controls ul li{float:left;margin:0 5px 0 5px;padding:3px;background:#c0c0c0;color:#999;}

/* Zoom box */
#zoomBox{background:#fff;border:1px solid #ff0000;opacity:0.5;position:absolute;}

/* Drop Shadow */
div.dropShadow{border:0;background:#fff;-moz-box-shadow:#000 5px 5px 10px;}

/* Markers Layer */
.markers img{cursor:pointer;}
.zoom .markers img{cursor:-moz-zoom-in;}

/* ----- Whitescreen ----- */
#whitescreen{width:100%;height:100%;background:#333;position:absolute;z-index:30000001;}
#whitescreen p{width:80px;height:76px;position:absolute;left:20px;bottom:20px;overflow:hidden;text-indent:-10000px;background:url(../images/whitescreen/return.png) no-repeat;}
#whitescreen.shield{background:url(../images/shield/bg.png) repeat;z-index:2000001;}

/* ----- Spotlight ----- */
#spotlight_layer{width:400%;height:400%;position:fixed;z-index:800;top:-175%;left:-150%;}
.masked {background:#000000 }
#light{width:300px;height:300px;}
#light_left {}
#light_right {}

.row {display:table-row;width:100%;}
.td {display:table-cell;}
#spotlight_top {width:100%;height:50%;}
#spotlight_middle {display:table;width:100%;}
#spotlight_row {display:table-row }
#spotlight_bottom {width:100%;height:50%;} 

/* ----- Spotlight ----- */
#screenshade_resizable .handles{width:24px;height:24px;position:absolute;display:block;background:#ccc;}
#screenshade_resizable .tl, 
#screenshade_resizable .tr, 
#screenshade_resizable .ml{top:0;}
#screenshade_resizable .bl, 
#screenshade_resizable .br, 
#screenshade_resizable .bm{bottom:0;}
#screenshade_resizable .ml, 
#screenshade_resizable .mr{top:50%;margin:-3px 0 0;}
#screenshade_resizable .tm, 
#screenshade_resizable .bm{left:50%;margin:0 0 0 -3px;}
#screenshade_resizable .tl, 
#screenshade_resizable .bl, 
#screenshade_resizable .ml{left:0;}
#screenshade_resizable .tr, 
#screenshade_resizable .br, 
#screenshade_resizable .mr{right:0;}
#screenshade_resizable .ml, 
#screenshade_resizable .mr{height:60px} 
#screenshade_resizable .bm, 
#screenshade_resizable .tm{width:60px}

/* ----- Post It Notes ----- */
.post-it-note{width:201px;height:190px;padding:7px 11px 0 9px;position:absolute;z-index:3000000;background:url(../images/post-it-note/bg.png) no-repeat;}
.post-it-note .close{position:absolute;top:0;right:0;}
.post-it-note .bar{height:21px;background:#e5dd6d;cursor:move;}
.post-it-note .text{max-height:142px;margin:11px 9px 0;color:#4b4b4b;font-size:16px;overflow:hidden;z-index:2000002;}
.post-it-note .text,
.post-it-note .text-display{position:relative;top:0px;left:0px;height:142px;width:156px;margin:11px 9px 0;color:#4b4b4b;font-size:16px !important;overflow:hidden;border:0;background:none;font-family:"Comic Sans MS", "Comic Sans", Arial, Helvetica;}
.post-it-note.minimized{background:none;height:21px;overflow:hidden;}
.post-it-note, .flipchart-note .text-display{word-wrap:break-word;}
.flipchart-note .text{width:214px;}
.flipchart-note .text, .flipchart-note .text-display{font-size:16px !important;}

/* ----- Web Links ----- */
.weblink{padding:5px;cursor:move;}
.weblink div.deleteLink{
  background:url("../images/web-links/delete.png") no-repeat scroll 0 0 transparent;
height:10px;
left:0;
position:absolute;
top:30px;
width:10px;

}
.weblink div.deleteLink a{display:block;overflow:hidden;text-indent:-10000px;}
.weblink a.icon{text-indent:-10000px;}
.web-link-field {text-align:right !important}
.web-link-field input{margin-left:10px }
.moveLink {
background:url("../images/web-links/move.png") no-repeat scroll 0 0 transparent;

height:10px;
left:0;
position:absolute;
top:0;
width:10px;
}

/* =================== Reversed Feature =================== */

/* ----- Tabs ----- */
body.reverse #tabs {left:auto;right:0;}
body.reverse #tabs ul li a {width:41px;}
body.reverse #tabs ul .books a {background:url(../images/tabs/books-reversed.png) no-repeat right top;}
body.reverse #tabs ul .books a.on{background:url(../images/tabs/books-on-reversed.png) no-repeat;}
body.reverse #tabs ul .references a{background:url(../images/tabs/references-reversed.png) no-repeat right top;}
body.reverse #tabs ul .references a.on{background:url(../images/tabs/references-on-reversed.png) no-repeat;}
body.reverse #tabs ul .resources a{background:url(../images/tabs/resources-reversed.png) no-repeat right top;}
body.reverse #tabs ul .resources a.on{background:url(../images/tabs/resources-on-reversed.png) no-repeat;}
body.reverse #tabs ul .bookmarks a{background:url(../images/tabs/bookmarks-reversed.png) no-repeat right top;}
body.reverse #tabs ul .bookmarks a.on{background:url(../images/tabs/bookmarks-on-reversed.png) no-repeat;}

/* ----- Extended ----- */
body.reverse #extended{right:34px;left:auto;}
body.reverse #list-view-info{left:auto;right:8px;}
body.reverse #thumb-view-info{left:auto;right:-15px}

/* ----- Toolbox ----- */
body.reverse #minimised-buttons{left:0px;right:auto;}
body.reverse #minimised-buttons p#toolbox-button a{background:url(../images/toolbox/buttons/toolbox-reversed.png) no-repeat;}
body.reverse #toolbox{padding:10px 0 0;left:20px;}
body.reverse #toolbox #minimise{top:0;left:0px;right:auto;}

/* ----- Dock ----- */
body.reverse #dock .set1{float:right; padding-left:46px;}
body.reverse #dock .set2{float:left;}
/* -- Set 2 -- */
body.reverse #dock .add-flipchart {position:absolute;left:220px;}
body.reverse #dock .flip-controls {position:absolute;left:160px;}
body.reverse #dock .logo {position:absolute;left:0px;}
/* -- Set 1 -- */
body.reverse #dock .toggle{position:relative;right:100px;}
body.reverse #dock .previous{position:relative;right:-290px;}
body.reverse #dock .jump{position:relative;right:-290px;}
body.reverse #dock .next{position:relative;right:-290px;}
body.reverse #dock .back{position:relative;right:-40px;}
body.reverse #dock .drawings {position:relative;right:290px;}
body.reverse #dock .whitescreen{position:relative;right:430px;}
body.reverse #dock .timer{position:relative;right:560px;}
body.reverse #dock .switch-view{position:relative;left:auto;right:-540px}
body.reverse #dock .divider {position:relative;right:200px;}
body.reverse #timer-info {left:auto;right:406px;}
body.reverse #add-flipchart-info{left:122px;bottom:50px;}
body.reverse #keypad {left:auto;right:55px;}