﻿div.mylukwerks table.lukwerks
{
	width: 100%;
	table-layout:fixed;
	overflow:hidden;
	border-collapse: collapse;
	background-color:#0b0b0b;
	margin-bottom: 20px;
}

div.mylukwerks td.lukwerks-sidebar
{
	background: url(images/left_tab_live.gif)  no-repeat right 0px;
	padding: 3px 2px 0px 2px;
	text-align:center;
}

div.mylukwerks table.lukwerks td.lukwerks-footer
{
	height: 2px;
	margin: 0px 0px 0px 0px;
	background-color: #454545;
	border-left: 2px solid #333333;
	border-right: 2px solid #333333;
}
div.mylukwerks table.lukwerks td.lukwerks-footer img
{
	height: 2px;
	margin: 0px 0px 0px 0px;
}
div.mylukwerks table.lukwerks-header
{
	width: 100%;
	overflow:hidden;
	word-wrap:break-word;
	table-layout:fixed;
	border-collapse: collapse; 
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 3px 5px;
}
div.mylukwerks table.lukwerks-header-manage
{
	width: 100%;

	border-collapse: collapse; 
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 3px 5px;
}
div.mylukwerks table.lukwerks-header td
{
	width: 33.3%;
	border: 2px solid #333333;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 5px 5px;
}
div.mylukwerks table.lukwerks-header-manage td
{
	table-layout:fixed;
	overflow:hidden;
	word-wrap:break-word;
	border: 2px solid #333333;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 5px 5px;
}
div.mylukwerks table.lukwerks-header td.checkbox
{
	width: 24px;
	table-layout:fixed;
	background-color: #454545;
	border: 2px solid #333333;
	color: #666666;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 5px 5px;
}
div.mylukwerks table.lukwerks-header th
{
	table-layout:fixed;
	overflow:hidden;
	word-wrap:break-word;
	text-align: left;
	width:33%;
	background-color: #454545;
	border: 2px outset #888888;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 3px 5px;
	vertical-align:middle;
	
}
div.mylukwerks table.lukwerks-header-manage th
{
	table-layout:fixed;
	overflow:hidden;
	word-wrap:break-word;
	text-align: left;
	width:33%;
	background-color: #454545;
	border: 2px outset #888888;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 3px 5px;
	vertical-align:middle;
	
}
div.mylukwerks table.lukwerks-cameras
{
	table-layout:fixed;
	overflow:hidden;
	word-wrap:break-word;
	width: 99.4%;
	border-collapse: collapse;
	margin: 10px 2px 0px 2px;
	text-align: center;
}
div.mylukwerks table.lukwerks-cameras td
{
	table-layout:fixed;
	overflow:hidden;
	word-wrap:break-word;
	width: 16.6%;
	margin: 0px 0px 0px 0px;
	background-color:#0b0b0b;
	padding: 0px 5px 5px 5px;
	border-right: 1px solid #454545;
	border-left: 1px solid #454545;
}
div.mylukwerks table.lukwerks-cameras-manage td.manage
{
	margin: 0px 0px 0px 0px;
	padding: 3px 8px 3px 8px;
	border-right: 1px solid #454545;
	border-left: 1px solid #454545;
	text-align: left;
 vertical-align:middle;
}

div.mylukwerks table.lukwerks-cameras td.name
{
	
	width: 100%;
	margin: 0px 0px 0px 0px;
	background-color:#0b0b0b; 
	padding: 0px 5px 5px 5px;
	border-right: 1px solid #454545;
	border-left: 1px solid #454545; 
 vertical-align:middle;
	text-align: left;
}
div.mylukwerks table.lukwerks-cameras-manage td.name
{
	
	table-layout:fixed;
	overflow:hidden;
	word-wrap:break-word;
	width: 100%;
	margin: 0px 0px 0px 0px;
	background-color:#0b0b0b; 
	padding: 0px 5px 5px 5px;
	border-right: 1px solid #454545;
	border-left: 1px solid #454545; 
	vertical-align:middle;
	text-align: left;
}
div.mylukwerks table.lukwerks-cameras td.checkbox
{
 vertical-align:middle;
	width: 24px;
	table-layout:fixed;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 5px;
	border-left: 1px solid #454545;
	border-right: 0px;
}
div.mylukwerks table.lukwerks-cameras-manage td.checkbox
{
 vertical-align:middle;
	width: 24px;
	table-layout:fixed;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 5px;
	border-left: 1px solid #454545;
	border-right: 0px;
}
div.mylukwerks table.lukwerks-cameras td.icon
{
 vertical-align:middle;
	width: 66px;
	table-layout:fixed;
	background-color:#0b0b0b;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 5px;
	border-right: 1px solid #454545;
	border-left: 0px;
}
div.mylukwerks table.lukwerks-cameras-manage td.icon
{
 vertical-align:middle;
	width: 66px;
	table-layout:fixed;
	background-color:#0b0b0b;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 5px;
	border-right: 1px solid #454545;
	border-left: 0px;
}
div.mylukwerks table.lukwerks-cameras th
{
	text-align: left;
	background-color: #454545;
	border: 2px outset #888888;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 3px 5px;
}
div.mylukwerks table.lukwerks-cameras-manage th
{
	text-align: left;
	background-color: #454545;
	border: 2px outset #888888;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 3px 5px;
}
div.mylukwerks table.lukwerks-cameras td.offline
{
	width: 16.6%;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 5px;
	background-color:#0b0b0b;
	border-right: 1px solid #454545;
	border-left: 1px solid #454545;
	color: #666666;
}
div.mylukwerks table.lukwerks-cameras-manage td.offline
{
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 5px;
	background-color:#0b0b0b;
	border-right: 1px solid #454545;
	border-left: 1px solid #454545;
	color: #666666;
}
div.mylukwerks div.gray-box-border
{
	float: left;
	line-height: 20px;
	list-style-type: disc;
	margin-right: 20px;
	padding: 5px;
	background-color: #eeeeee;
	border: 1px solid #777777;
}

div.mylukwerks td.whitespace
{
	clear:both;
	height:10px;
	background-color:#0b0b0b;	
}

/* 
 * Generic tables headers and contents based on above (only different).
 * TODO: Cascade!!!
 */

table.generic-table
{
	border-collapse: collapse;
	background-color:#0b0b0b;
	margin-bottom: 20px;
}


table.generic-table th
{
	background-color: #454545;
	border: 2px outset #888888;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 3px 5px;
	vertical-align:middle;
	
}
table.generic-table td
{
	border: 2px solid #333333;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 5px 5px;
}
table.generic-table td.generic-footer
{
	height: 2px;
	margin: 0px 0px 0px 0px;
	background-color: #454545;
	border-left: 2px solid #333333;
	border-right: 2px solid #333333;
}

table.generic-table-header
{
	border-collapse: collapse;
	background-color:#0b0b0b;
	margin-bottom: 20px;
	border-collapse: collapse; 
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 3px 5px;
}
table.generic-table-header td
{
	border: 2px solid #333333;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 5px 5px;
}
table.generic-table-header td.checkbox
{
	width: 24px;
	background-color: #454545;
	border: 2px solid #333333;
	color: #666666;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 5px 5px;
}
table.generic-table-header th
{
	background-color: #454545;
	border: 2px outset #888888;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 3px 5px;
	vertical-align:middle;
	
}
table.generic-table-child
{
	border-collapse: collapse;
	margin: 10px 2px 0px 2px;
}
table.generic-table-child td
{
	margin: 0px 0px 0px 0px;
	background-color:#0b0b0b;
	padding: 0px 5px 5px 5px;
	border-right: 1px solid #454545;
	border-left: 1px solid #454545;
}

table.generic-table-child td.checkbox
{
 vertical-align:middle;
	width: 24px;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 5px;
	border-left: 1px solid #454545;
	border-right: 0px;
}
table.generic-table-child td.icon
{
 vertical-align:middle;
	width: 66px;
	background-color:#0b0b0b;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 5px;
	border-right: 1px solid #454545;
	border-left: 0px;
}
table.generic-table-child th
{
	text-align: left;
	background-color: #454545;
	border: 2px outset #888888;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 3px 5px;
}


