body {
	font-family: verdana;
	font-size: 12px;
	background: #d5d6d7	url('http://snarkydog.com/images/kubrickbgcolor.jpg');
	color: #222222;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
}

td {
	font: normal normal normal 1.0em/ 1.3em Arial;
}

ul {
	margin-left: -15px
}

ol {
	margin-left: -15px
}

input {
	color: black;
	font-family: verdana;
	font-size: 10px;
	border-width: 1px;
	border-color: #333333;
	border-style: solid;
}

select {
	color: black;
	font-family: verdana;
	font-size: 10px;
	border-width: 1px;
	border-color: #333333;
	border-style: solid;
}

.form_field {
	width: 90px;
	float: left;
	font-weight: bold;
	vertical-align: bottom;
}

.form_field2 {
	width: 90px;
	float: left;
	vertical-align: bottom;
}

#page {
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 860px;
}

#header {
	background: #73a0c5 url('http://snarkydog.com/images/kubrickheader.jpg')
		no-repeat top center;
	background-color: #73a0c5;
	margin: 0 0 0 1px;
	padding: 0;
	height: 15px;
	width: 858px;
}

#content {
	font: normal normal normal 1.0em/ 1.4em Arial;
	padding-top: 2px;
}

#footer {
	background: #eee url('http://snarkydog.com/images/kubrickfooter.jpg')
		no-repeat bottom;
	border: none;
	padding: 0;
	margin: 0 auto;
	margin-top: -30px;
	width: 860px;
	height: 50px;
}

#main {
	margin: 25px;
	width: 800px;
}

#page {
	background: url("http://snarkydog.com/images/kubrickbgwide.jpg") repeat-y top;
	border: none;
}

.serverStats {
	float: right;
	width: 170px;
	margin-top: -30px;
	font: normal normal normal 0.95em/ 1.3em tahoma;
	cursor: pointer;
}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	border: 0px solid #000;
	/* this is the border. should have the same value for the links */
	margin: auto;
	clear: both;
	background: #fff;
}

.stripNav {
	visibility: hidden;
	height: 0px;
	width: 0px;
}

.stripViewer .panelContainer {
	/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel {
	/* Each panel is arranged end-to-end */
	float: left;
	height: 100%;
	position: relative;
	width: 200px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper {
	/* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0px;
}

.stripViewer .panelContainer .panel .wrapper ol {
	/* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0px;
	margin-top: 2px;
	margin-left: 20px;
	margin-bottom: 0px;
}

.client { 
	border-width: 1px; 
	border-color: #222222; 
	border-style: solid; 
}

