/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

#panelLinks {
	width: 300px;
}

#panelLinks li {
	height: 100%;
	background-position: 25px 50%;
}

#panelLinks li#webmail {
	background-image: url(../images/webmail.gif);
}

#panelLinks li#mailadmin {
	background-image: url(../images/mailadmin.gif);
}

#panelLinks li#sysCP {
	background-image: url(../images/syscp.gif);
}

#panelLinks li#phpmyadmin {
	background-position: 0 50%;
	background-image: url(../images/phpmyadmin.gif);
}

#panelLinks li a {
	display: block;
	height: auto !important;
	height: 1px;
	line-height: 32px;
	padding-left: 68px;
	margin: 8px 0 !important;
	margin: 3px 0;
	color: #3199cc;
	font-size: 14px;
	font-weight: bold;
}

#panelLinks li a:hover {
	color: #c54c17;
	text-decoration: underline;
}

#panelLinks li span.detailInfo {
	display: block !important;
	display: none;
	position: absolute;
	top: 219px;
	left: -9999px;
	width: 167px;
	height: 171px;
}

*+html #panelLinks li span.detailInfo {
	display: none !important;
}


#panelLinks li:hover span.detailInfo {
	left: 10px;
}

#errorBox {
	padding: 12px;
	border: 2px solid #c54c17;
	background-color: #e8b7a2;
}

#errorBox * {
	font-size: 16px;
	font-family: serif;
}

#errorBox h3 {
	margin-bottom: 12px;
	font-size: 32px;
	font-weight: bold;
}

#errorBox p {
	margin-bottom: 6px;
}

#infoBox {
	position: absolute;
	top: 162px;
	left: 193px;
	width: 736px !important;
	width: 760px;
	padding: 12px;
	border: 2px solid #89c529;
	background-color: #dbedbe;
}