/* Reset browser defaults */

* {
	margin:0;
	padding:0;
}
body {
	overflow-y:scroll;
}
body, td {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
}
a {
	text-decoration:none;
	color:#000000;
}
a:hover {
	color:#e00000;
}

/* Outer table */

table.outer {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

@media print {
	table.outer {
		display:none;
	}
}

@media screen {
	table.print {
		display:none;
	}
}

td.outer-left {
	width:20px;
	background:url(shadowleft.gif);
}
td.outer-main {
	width:960px;
}
td.outer-right {
	width:20px;
	background:url(shadowright.gif);
}


/* Inner table */

table.inner {
	width:960px;
}
td.header {
	width:960px;
	height:140px;
	background:url(header_background.gif);
	overflow: hidden;
}
td.path {
	height:20px;
	background:url(menuheader_blue.gif);
	text-transform:uppercase;
	color:#ffffff;
	line-height:20px;
	overflow: hidden;
}
td.inner-main {
	width:960px;
}


/* Content boxes */

table.content {
}
td.left {
	width:210px;
	background:url(mainleftright_blue.gif);
	overflow: hidden;
}
td.main  {
	width:540px;
	overflow: hidden;
}
td.right {
	width:210px;
	background:url(mainleftright_blue.gif);
	overflow: hidden;
}

div.left {
	margin:16px;
}
div.main {
	margin:16px;
}
div.right {
	margin:16px;
}


table.center { margin-left:auto; margin-right:auto; }


/* Navigator */

.main div.navigator { margin:12px 0; width:100%; }
.side div.navigator { float:right; }
.side div.navigator img { margin:0 2px; }
.main div.navigator img { margin:0 5px; }

div.navigator img.none {
	display:none;
}

.side div.navigator img.hide {
	width:12px; height:12px; 
	background:none;
}
.side div.navigator img.previous {
	width:12px; height:12px;
	background:url(prev_blue_small.gif);
}
.side div.navigator img.previous:hover {
	background:url(prev_red_small.gif);
}
.side div.navigator img.delete {
	width:12px; height:12px;
	background:url(delete_blue_small.gif);
}
.side div.navigator img.delete:hover {
	background:url(delete_red_small.gif);
}
.side div.navigator img.next {
	width:12px; height:12px;
	background:url(next_blue_small.gif);
}
.side div.navigator img.next:hover {
	background:url(next_red_small.gif);
}


.main div.navigator img.hide {
	width:20px; height:20px; 
	background:none;
}
.main div.navigator img.previous {
	width:20px; height:20px;
	background:url(prev_blue.gif);
}
.main div.navigator img.previous:hover {
	background:url(prev_red.gif);
}
.main div.navigator img.delete {
	width:20px; height:20px;
	background:url(delete_blue.gif);
}
.main div.navigator img.delete:hover {
	background:url(delete_red.gif);
}
.main div.navigator img.next {
	width:20px; height:20px;
	background:url(next_blue.gif);
}
.main div.navigator img.next:hover {
	background:url(next_red.gif);
}

.main div.navigator img.sms {
	width:20px; height:20px;
	background:url(mobile_blue.gif);
}
.main div.navigator img.sms:hover {
	background:url(mobile_red.gif);
}
.main div.navigator img.www {
	width:20px; height:20px;
	background:url(internet_blue.gif);
}
.main div.navigator img.www:hover {
	background:url(internet_red.gif);
}
.main div.navigator img.mail {
	width:20px; height:20px;
	background:url(mail_blue.gif);
}
.main div.navigator img.mail:hover {
	background:url(mail_red.gif);
}
.main div.navigator img.print {
	width:20px; height:20px;
	background:url(print_blue.gif);
}
.main div.navigator img.print:hover {
	background:url(print_red.gif);
}


/* Menu's */

div.menu { clear:both; margin-bottom:24px; }

.not-implemented { background-color:#ffe0e0; color:#888; }
.not-implemented .head { border-left:1px solid black; }
.not-implemented .intro { border-left:1px dashed black; }
.not-implemented .body { border-left:1px dotted black; }

/* Specific styles */

div.clickable { cursor:pointer; }
div.clickable:hover { color:#e00000; }

td.path div { display:inline; }
div.top {
	float:left;
}
div.top div {
	padding:0 10px;
	border-left:1px solid white;
}
div.top div.first {
	border-left:0; 
}
div.clock {
	float:right;
}
div.clock div {
	padding:0 10px;
}
div.clock-time {
	border-left:1px solid white;
}

div.list-book { clear:both; }
div.book { clear:both; padding:10px 0; border-bottom:1px solid #e0e0e0; }

div.link-book div.link { margin-bottom:8px; }

div.cartoon-item img { margin:20px; }

div.date, div.price { float:right; }
div.deck div.author, div.deck div.head { margin-bottom:4px; }
div.item div.author, div.book div.author, div.item div.head, div.book div.head { margin-bottom:12px; }
div.item div.author, div.item div.date, div.item div.price, div.item div.link, div.item div.head { font-size:16px; }
div.book div.author, div.book div.date, div.book div.price, div.book div.link, div.book div.head { font-size:16px; }

div.cartoon div.date { float:none; }

div.deck { font-size:12px; }
div.deck div.intro { font-size:10px; }
div.deck div.body { font-size:10px; }

div.cartoon-list { font-size:12px; margin:8px 0; }
div.cartoon-list div.head { font-size:10px; margin:0; }

div.list img, div.book img { float:left; padding:0 8px 8px 0; }

div.title { font-size:16px; margin-bottom:12px; }

div.item, div.book, div.list { clear:both; }

div.shadow {
	width:340px; height:415px;
	background:url(shadowcartoon.gif);
}

div.banner-item img { border: 0; margin: 20px; }

div.insert { clear: both; }
div.insert div { overflow: hidden; font:10px sans-serif; }
div.insert div.id { float:left; width:30px; white-space:nowrap; }
div.insert div.date { float:left; width:80px; white-space:nowrap; }
div.insert div.head { float:left; width:160px; }
div.insert div.intro { float:left; width:160px; }
div.insert div.author { float:left; width:100px; }

table.usercommentform { margin-top: 1em; padding-top: 1em; border-top: 1px solid gray; }

/* Insert panel */

div.input { clear:both; }
div.input div { float:left; }
div.input div.gwt-Label { width: 120px; text-align:right; }
div.input .gwt-TextBox { width: 320px; margin:4px; padding:2px; border:1px solid black; background:none; }
div.input .gwt-TextArea { width: 320px; height:80px; margin:4px; padding:2px; border:1px solid black; background:none; }
* html div.input .gwt-TextBox { width: 308px; }
* html div.input .gwt-TextArea { width: 308px; }

button.submit { float:right; margin:4px; border:1px solid black; background: #ccc; }

div.insert img.delete {
	width:12px; height:12px;
	background:url(delete_blue_small.gif);
	float:left; 
}
div.insert img.delete:hover {
	background:url(delete_red_small.gif);
}
div.insert img.edit {
	width:12px; height:12px;
	background:url(edit_blue_small.gif);
	float:left; 
}
div.insert img.edit:hover {
	background:url(edit_red_small.gif);
}

.gwt-TabPanel {
	width:100%;
}

.gwt-TabPanelBottom {
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	padding: 3px;
}
.gwt-TabBar {
	padding-top: 3px;
}
.gwt-TabBar .gwt-TabBarFirst {
  border-bottom: 1px solid black;
  padding-left: 3px;
}

.gwt-TabBar .gwt-TabBarRest {
  border-bottom: 1px solid black;
  padding-right: 3px;
}

.gwt-TabBar .gwt-TabBarItem {
  padding: 3px;
  cursor: pointer;
  cursor: hand;
  border-bottom: 1px solid black;
}

.gwt-TabBar .gwt-TabBarItem-selected {
  padding: 3px;
  font-weight: bold;
  background-color: white;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid white;
  cursor: default;
}