table.webbook-yellowbox,
table.webbook-yellowbox * {
   margin:  0;
   padding: 0;
   border:  none;
}

table.webbook-yellowbox td {
   background: url(/osr/webbook/editor/box_center.gif) repeat-x top;
}

table.webbook-yellowbox img {
   padding: 0 0.4em;
   width:   32px;
   height:  32px;
}

p.js_errors {
	padding:5px;
	text-align:center;
	width:30%;
	margin:0 auto;
}

table.webbook-yellowbox td.webbook-yellowbox-corner {
   background: none;
}

table.webbook-yellowbox td.webbook-yellowbox-corner img {
   padding: 0;
   width:   16px;
}

tr.design_table > td {
	padding : 10px;
}

table.webbook-icon, table.webbook-icon table {
   margin:  0;
   padding: 0;
   border:  none;
}

table.webbook-icon td {
   padding:        0;
   border:         none;
   vertical-align: top;
}

table.webbook-icon td.webbook-icon-left {
   background: url(/osr/webbook/shades/shade_3.jpg);
}

table.webbook-icon td.webbook-icon-left img {
   width:  10px;
   height: 20px;
   border: none;
}

table.webbook-icon table                          { background: url(/osr/webbook/styles/Classic/images/cover.jpg);     }
table.webbook-icon table.webbook-icon-SimplyBlue  { background: url(/osr/webbook/styles/SimplyBlue/images/cover.jpg);  }
table.webbook-icon table.webbook-icon-SimplyGreen { background: url(/osr/webbook/styles/SimplyGreen/images/cover.jpg); }
table.webbook-icon table.webbook-icon-SimplyRed   { background: url(/osr/webbook/styles/SimplyRed/images/cover.jpg);   }

table.webbook-icon table                        { width: 70px;  height: 100px; }
table.webbook-icon table.webbook-icon-landscape { width: 100px; height: 70px;  }
table.webbook-icon table.webbook-icon-square    { width: 80px;  height: 80px;  }


table.webbook-icon table td { width: 10px; }

table.webbook-icon table                          td.bookleft { background: url(/osr/webbook/styles/Classic/images/cover.jpg);          }
table.webbook-icon table.webbook-icon-SimplyBlue  td.bookleft { background: url(/osr/webbook/styles/SimplyBlue/images/background.jpg);  }
table.webbook-icon table.webbook-icon-SimplyGreen td.bookleft { background: url(/osr/webbook/styles/SimplyGreen/images/background.jpg); }
table.webbook-icon table.webbook-icon-SimplyRed   td.bookleft { background: url(/osr/webbook/styles/SimplyRed/images/background.jpg);   }

table.webbook-icon table td a {
   display: block;
   width:   10px;
   margin:  0;
   padding: 0;
}

table.webbook-icon td.book-cover {
   width:          auto;
   vertical-align: middle;
}

div#recovery_actions {
	display: inline;
}

table.webbook-icon td.book-cover a {
   display: inline;
   width:   auto;
}

table.webbook-icon td.book-cover a img { border: none; }

table.webbook-icon table                     td.book-cover img { width: 40px; height: 40px; }
table.webbook-icon table.webbook-icon-square td.book-cover img { width: 50px; height: 50px; }

table.webbook-icon td.webbook-icon-right {
   background: url(/osr/webbook/shades/shade_4.jpg);
}

table.webbook-icon td.webbook-icon-right img {
   width:  10px;
   height: 20px;
   border: none;
}

table.webbook-icon td.webbook-icon-bottomleft  { height: 15px; background: url(/osr/webbook/shades/shade_5.jpg); }
table.webbook-icon td.webbook-icon-bottom      { height: 15px; background: url(/osr/webbook/shades/shade_6.jpg); }
table.webbook-icon td.webbook-icon-bottomright { height: 15px; background: url(/osr/webbook/shades/shade_7.jpg); }

/* Create Webbook - Content *************************************************/

table.wb-content-assistent {
   border: none;
   margin: 0;
}

table.wb-content-assistent td {
   padding:        4px 2px;
   border:         none;
   vertical-align: top;
}

table.wb-content-assistent td td {
   padding:        2px;
   vertical-align: middle;
}


table.wb-content-assistent td input,
table.wb-content-assistent td select {
   margin: 0;
}

div#webbook {
	width: 1000px;
	border: 1px solid;
	margin: 0 auto;
	background-color: #F1F1F1;
}

div#workplace {
	height: 510px;
	background-color: #F1F1F1;
}

div#book {
	background-image: url('/osr/webbook/styles/SimplyRed/images/cover.jpg');
	width: 800px;
	height: 500px;
	margin: 0 auto;
	padding: 5px 10px;
	position: relative;
}

div#pages {
	background-image: url('/osr/webbook/styles/SimplyRed/images/background.jpg');
	width: 100%;
	height: 100%;
}

div#left_page {
	width: 50%;
	height: 100%;
	float: left;
	outline: 1px solid black;
	overflow: auto;
}

div#right_page {
	width: 49.9%;
	height: 100%;
	float: right;
	outline: 1px solid black;
	overflow: auto;
}

div#left_menu {
	height: 100%;
	float: left;
	width: 48px;
	padding: 0 2px;
	border-right: 1px solid;
	background-color: #C3D2EF;
}

div#right_menu {
	height: 100%;
	float: right;
	width: 48px;
	padding: 0 2px;
	border-left: 1px solid;
	background-color: #C3D2EF;
}

div#bottom_toolbar {
	background-color:#E3E3E3;
	border-top:1px solid;
	height:60px;
	text-align:center;
}

div#bottom_toolbar.sort-mode {
	height: auto;
	text-align: right;
	padding: 5px;
}

table#cover_title {
	table-layout: fixed;
}

div#cover_side_ribbon {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 20%;
}

table#cover_title {
	position: absolute;
	left: 22%;
	top: 5%;
}

span.cover_heading {
	font-size: medium;
	font-weight: bold;
}

div#bottom_toolbar>ul, div#restore_navigation>ul {
	margin: 0;
	padding: 5px;
	list-style-type: none;
}

div#bottom_toolbar li, div#restore_navigation li {
	margin: 0 5px;
}

li.navileft {
	float: left;
}

li.naviright {
	float: right;
}

div#bottom_toolbar ul#navigation, div#restore_navigation ul#navigation {
	width: 260px;
	margin: 0 auto;
}

input#current_page {
	width: 2em;
}

div#left_page_style {
	width: 48px;
	height: 48px;
	position: absolute;
	left: 10px;
	top: 5px;
	background-image: url('/osr/icons/kde/webbook/48x48/layout.png');
	background-color: #E3E3E3;
	border-right: 1px solid;
	border-bottom: 1px solid;
	cursor: pointer;
	z-index: 10;
	display: none;
}

div#right_page_style {
	width: 48px;
	height: 48px;
	position: absolute;
	right: 10px;
	top: 5px;
	background-image: url('/osr/icons/kde/webbook/48x48/layout.png');
	background-color: #E3E3E3;
	border-left: 1px solid;
	border-bottom: 1px solid;
	cursor: pointer;
	z-index: 10;
	display: none;
}

a>img {
	border: none;
}

ul#right_menu {
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
}

ul#right_menu>li {
	margin: 10px 0;
	cursor: pointer;
}

ul#left_menu {
	padding: 0;
	margin: 10px 0;
	list-style-type: none;
}

ul#left_menu>li {
	margin: 10px 0;
	cursor: pointer;
	z-index: 1;
}

div.frame_branding {
	width: 48px;
	position: absolute;
	height: 0;
	overflow: visible !important /* not necessary but damn it I define it explicitly anyway!!! */
}

table.page_content {
	height: 100%;
}

li.page_content>table {
	height: 100%;
	background-color: white;
	font-weight: normal;
	color: black;	
	border-style: solid;
	border-width: 1px;
	border-color:grey;
}

.highlight {
	background-color: #ABCDEF;
}

span.page_number {
	position:absolute;
	bottom: 3px;
	right: 5px;
	color:black;
	font-size:15px;
	font-weight:bold;
}

div.type_edit {
	width: 100px;
	height: 32px;
	margin: auto;
	background-color: #CCCCCC;
	border: 1px solid;
}

ul.type_edit {
	margin: 0 2px;
	padding: 0;
	list-style-type: none;
}

ul.type_edit>li {
	float: left;
}

img.ajax_loader {
	width: 32px;
	height: 32px;
	margin: auto;
}

ul#cover_edit {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}

div.cover_edit {
	width: 32px;
	height: 32px;
	margin: auto;
	background-color: #CCCCCC;
	border: 1px solid;
}

div#book_settings {
	display: none;
	background-color:#EEEEEE;
	border:1px solid;
	left:295px;
	padding:5px;
	position:absolute;
	top:120px;
	width:430px;
	z-index:1;
}

div#pagemachine {
	background-color: black;
	display: none;
}

div#dates_container {
	width: 130px;
	background-color: #F0F0F0;
	height: 100%;
	float: right;
	overflow: auto;
	text-align: right;
}

ul#dates {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#dates>li {
	margin: 2px 0;
	cursor: pointer;
	font-size: 10px;
	padding-right: 5px;
}

h2#backup_history_title {
	text-align: center;
}

div#restore_navigation {
	background-color:#E3E3E3;
	border-top:1px solid;
	height:60px;
	text-align:center;
}

ul#restore_navigation {
	margin: 0;
	padding: 5px;
	list-style-type: none;
}

ul#restore_navigation>li {
	margin: 0 5px;
}

div#restore_navigation img {
	width: 32px;
	height: 32px;
}

div#restore_navigation img#page_back {
	width: 38px;
	height: 32px;
}


div#restore_navigation img#page_restore {
	width: 38px;
	height: 32px;
}

ul#dates>li.selected {
	font-size: 12px;
	background-color: #0000CD;
	color: #FFFFFF;
}

div#slider {
	display:none;
	height:152px;
	overflow:auto;
}

div#slider_hide.closed {
	background-image:url("/osr/icons/kde/crystalclear/16x16/actions/1downarrow.png");
}

div#slider_hide {
	background-position:center center;
	background-repeat:no-repeat;
	height:16px;
}

div#slider_hide.open  {
	background-image:url("/osr/icons/kde/crystalclear/16x16/actions/1uparrow.png");
}

table#slider_table {
	border-collapse: collapse;
}

table#slider_table>tbody>tr>td {
	padding:0;
	min-width: 120px; 
}

table#slider_table table.page_content {
	border: 1px solid;
	background-color: white;
} 

div#sortpages {
	padding: 3px 0;
	min-height: 150px;
}

div#sortpages>ul, ul#double>li>ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#sortpages>ul>li {
	float: left;
	border: none !important;
}

div#sortpages li.page_content {
	height: 150px;
	width: 150px;
	float: left;
	margin: 5px;
	text-align: center;
	padding: 2px;
	font-weight: normal;
	border: none !important;
	position:relative;
}

div#sort_control {
	text-align: center;
	padding: 0.25em 0;
	height: 2.5em;
}

span#sort_control_title {
	font-size: 1.5em;
}

div#sort_control_buttons{
	float: right;
}

div#timemachine{
	width: 1010px;
	margin: 0 auto;
}

ul#double {
	display: none;
}

ul#double>li {
	position: relative;
}

div#layout_wrapper table{
	margin: 0 auto;
}

div#remove_page {
	padding:4px;
	position:absolute;
	right:-4px;
	top:-4px;
	z-index:1000;
	height: 16px;
	width: 16px;
}

img#copy_page {
	padding:4px;
	position:absolute;
	left:-4px;
	bottom:-4px;
	z-index:1000;
}

div#cover_image_select {
	width: 100%;
	height: 200px;
	position: relative;
	display: none;
}

div.placeholder {
	width:128px;
	height: 128px;
	position: relative;
	left: 50%;
	margin-left: -64px;
}

img.placeholder_edit {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	background-color: orange;
}

div#webbook div.frame_content {
	position: static;
	left: auto;
	margin: 0;
	min-height: 0;
	min-width: 0;
	padding: 0;
	top: auto;
	width: auto;
}

div#recover_dialog {
	display: none;
}

ul#recover_list {
	margin: 0 20px 0 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 120px;
	overflow: auto;
	max-height: 475px;
}

textarea#recover_text {
	width: 100%;
	height: 200px;
}

li.recover_item {
	border-bottom: 1px dotted;
	padding: 3px 5px;
	cursor: pointer;
}

li.recover_item.selected {
	background: url(/osr/icons/jquery-ui/ui-bg_gloss-wave_35_f6a828_500x100.png);
}

div#recovery_control {
	float: right;
	width: 330px;
	text-align: right;
}

span.recovery_date {
	font-size: 9px;
	color: #AAAAAA;
}

button#recover_remove_this {
	display: none;
}

li#webbook_recovery {
	display: none;
}

div#server_resources {
	position: relative;
	width: 75%;
	height: 250px;
	float: left;
	outline: 1px solid;
}

div#file_selection {
	height: 305px;
	margin: 0 0 5px 0;
}

div#current_file_container {
	text-align: center;
	width: 25%;
	float: left;
	max-height: 250px;
}

img#current_picture {
	margin: 10px;
	max-height: 200px;
	max-width: 90%;
	min-height: 100px;
	min-width: 50%;
}

ul#botclass {
	margin: 0;
	padding: 0;
	list-style-type: none;
	max-width: 200px;
	float: left;
	height: 250px;
	border-right: 1px solid;
}

ul#botclass>li {
	cursor: pointer;
	padding: 0 5px;
}

ul#botclass>li:hover {
	background-color: #000080;
	color: white;
	opacity: 0.5;
}

ul#botclass>li.selected {
	background-color: #000080;
	color: white;
}

ul#bot_selection {
	margin: 0;
	padding: 0;
	list-style-type: none;
	min-width: 200px;
	height: 250px;
	overflow: auto;
}

ul#bot_selection>li {
	float: left;
	margin: 2px;
}

ul#bot_selection>li:hover {
	outline: solid 2px black;
}

div#bot_list_resources {
	position: relative;
	width: 75%;
	height: 250px;
	float: left;
	outline: 1px solid;
}

div#current_bot {
	height: 193px;
	width: 153px;
	margin: 10px auto;
	position: relative;
}

iframe#file {
	margin: 10px;
	max-height: 200px;
	max-width: 90%;
	overflow: hidden;
	border: none;
	background-color: #F9F9F9;
}

span.wizard_float {
	display: inline-block !important;
}

span.wizard_step {
	font-size: medium;
}

p#lorem_ipsum {
	border: 1px dotted;
	padding: 5px;
}

td.slider_page.selected>table.page_content {
	background-color: #C3D2EF !important;
}

td.slider_busy>table.page_content {
	border-color: #FF0000 !important;
}

.pulse {
	cursor:pointer;
}

img#edit_cover_image {
	max-height: 160px;
	max-width: 160px;
	min-height: 32px;
	min-widht: 32px;
}

div#backup_page {
	overflow: auto;
}

table#layout_table {
	width: 100%;
	margin: 10px;
}

div#booklayout_buttons {
	text-align: right;
	margin: 0 2px 3px 0;
}

div#editlink_buttons {
	text-align: right;
}

input#description {
	margin: 5px
}