/*
 * Stylesheet for cluster server web presence - Flame version.
 *
 * This CSS stylesheet is used for the machine-specific web presence
 * of our cluster machines. Typically these pages are very simple
 * and merely serve as landing pages which link to the actual service
 * endpoints. But "style" is not optional.
 *
 * This stylesheet is roughly based on one from Appnitro's MachForm
 * theme gallery[1], which are public domain.
 * [1] http://www.appnitro.com/machform/theme_gallery
 *
 * (c) Copyright 2010 Michael Starzinger. All Rights Reserved.
 */

body {
	background-color: #ff6600;
	box-shadow: 0 8px 6px -6px black, 0 -8px 6px -8px black;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: small;
	margin: 18px auto;
	text-align: center;
	width: 640px;
}

h1 {
	background-color: #ff9900;
	background-image: url('../imgs/logo_flame.png');
	background-origin: padding-box;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 32px 32px;
	border: 4px solid transparent;
	height: 100%;
	margin: 0;
	padding: 1px 36px 1px 0;
	text-align: right;
	/*text-indent: -8000px;*/
}

#content {
	background: #ffffff;
	padding: 20px;
	text-align: left;
}

#content #description {
	border-bottom: 1px dotted #cccccc;
	margin: 0 0 8px;
}

#content #description h2 {
	font-size: 160%;
	font-weight: 400;
	margin: 0 0 3px;
}

#content #description p {
	font-size: 95%;
	margin: 0 0 12px;
}

#footer {
	background: #ffffff;
	color: #999999;
	text-align: center;
	padding-bottom: 15px;
	font-size: 85%;
}

#footer a {
	color: #999999;
	text-decoration: none;
	border-bottom: 1px dotted #999999;
}

#alertbox {
	background-color: #ffdddd;
	border: 1px dotted red;
	text-align: center;
	width: 100%;
}

#alertbox h4 {
	color: #df0000;
	font-size: 125%;
	margin: 7px 0 5px;
	padding: 0;
}

#alertbox p {
	padding: 0 10px 0 10px;
}

#confirmbox {
	background-color: #ddffdd;
	border: 1px dotted green;
	text-align: center;
	width: 100%;
}

#confirmbox h4 {
	color: #006400;
	font-size: 125%;
	margin: 7px 0 5px;
	padding: 0;
}

#confirmbox p {
	padding: 0 10px 0 10px;
}

form {
	/*border: 1px dotted #cccccc;*/
}

form h4 {
	border: none;
	clear: both;
	color: #222222;
	display: block;
	font-size: 95%;
	font-weight: 700;
	line-height: 150%;
	margin: 0;
	padding: 10px 0 0;
}

form p {
	clear: both;
	margin: 0;
	padding: 0;
}

form p.buttons {
	padding-top: 10px;
}

form span {
	float: left;
	margin: 0 4px 0 0;
}

form span label {
	color: #444444;
	display: block;
	font-size: 9px;
	line-height: 9px;
	margin: 0;
	padding-top: 3px;
}

img {
	border-width: 0px;
}