img
{  border-style: none;
}

#popup {
  border: 'none'; 
  padding: '15px'; 
  backgroundColor: '#000'; 
  '-webkit-border-radius': '10px'; 
  '-moz-border-radius': '10px';
  opacity: .9;
  color: '#fff';
}

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #FFF;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	font-size: 8pt;
	padding: 4px;
	border: 1px solid #AAA;
}

table.tablesorter thead tr .header {
	background-image: url(tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background:#ffffff url(tablesorter/inputBg.gif) top left no-repeat;
  margin-top:2px;
	vertical-align: top;
	border: 1px solid #AAA;
}

table.tablesorter tbody tr.offline td.ip {
	color: #AAA;
}

table.tablesorter tbody tr.offline{
	display: none;
}

table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(tablesorter/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
}

.thumbnail{
position: relative;
z-index: 49;
font-weight:700;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -180px; /*position where enlarged image should offset horizontally */
}

bg: {
  position: 'absolute',
  overflow: 'hidden',
  top: 0,
  left: 0,
  height: '100%',
  width: '100%'
},
wrapper: {
  position: 'absolute',
  top: '50%',
  left: '50%'
},
wrapper2: {
},
content: {
  overflow: 'auto'
},
loading: {
  position: 'absolute',
  top: '50%',
  left: '50%',
  marginTop: '-50px',
  marginLeft: '-50px'
}
},
wrap: { // Wrapper div used to style the modal regarding the content type
div: '<div class="wrapper"></div>',
ajax: '<div class="wrapper"></div>',
form: '<div class="wrapper"></div>',
formData: '<div class="wrapper"></div>',
image: '<div class="wrapperImg"></div>',
swf: '<div class="wrapperSwf"></div>',
iframe: '<div class="wrapperIframe"></div>',
iframeForm: '<div class="wrapperIframe"></div>',
manual: '<div class="wrapper"></div>'
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	z-index: 9;
}

#HideOff, #ServerAdd{
	background:#000;
	color:#FFF;
	padding: 10px;
	margin: 0 5px 10px 0;
	width: 140px;
	text-align:center;
	float: left;
}

#HideOff:hover, #ServerAdd:hover{
	cursor:pointer;
}

#ServerAdd a{
	color:#FFF;
}