/* qu servers properties */
#content {
	padding: 20px;
	background: url( "/images/light-bg-150-blue.jpg" ) repeat-x #fff;
	}

#title-image {
	padding: 0 30px 20px 10px;
	}

#title-text {
	vertical-align: top;
	padding-top: 8px;
	}


/* Server list */

#server-list {
	width: 100%;
	border-collapse: collapse;
	}

#server-list th {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #0088F0;
	vertical-align: bottom;
	padding: 0 10px 1px 10px;
	}

#server-list th a { color: #0088F0 }
#server-list th a:hover { color: #f00 }

#server-list td {
	font-size: 11px;
	line-height: 14px;
	color: #76797C;
	padding: 4px 10px;
	background: url( "/images/big-list-bg.gif" ) repeat-x;
	border-width: 1px 0;
	border-color: #ddd;
	border-style: solid;
	min-height: 48px;
	}

#server-list td.left { border-left: 0 }

#server-list tr.normal td {}
#server-list tr.alternate td {}

#server-list-footer { width: 100% }
#server-list-footer .left { padding: 6px 10px 0 10px }
#server-list-footer .right { padding: 6px 10px 0 10px }

#server-list .server-name {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	}

#server-list a {
	text-decoration: none;
	color: #76797C;
	}

#server-list .empty {
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	color: #76797C;
	text-transform: lowercase;
	padding: 20px;
	}

#server-list input {
	width: 80px;
	min-width: 80px;
	}


/* How-tos */

#howto {
	border-top: 2px solid black;
	padding: 10px 30px;
	background: url("/images/qu-servers-bg.jpg") repeat-x top #262626;
	}

#howto .howto-title {
	padding-left: 14px;
	background-image: url("/images/arrow-7-lblue.gif" );
	background-position: 1px 3px;
	background-repeat: no-repeat;
	margin: 6px 0 0 0; /* ! */
	}

#howto .howto-title a:hover { cursor: pointer }
#howto .howto-text { padding-left: 14px }

#howto ol { padding-left: 1.5em }
#howto ol li { margin: 4px 0 }