@import url("squeezebox.css");
@import url("buttons.css");

* html .floattext dd /* ie6 fix against the 3px jog bug */
{ height: 1%; }

.com_flow { float: left; width: 100%; margin: 2px 3px 0 -3px; overflow: hidden; }

/* Stage layout */
div.stage img { cursor: pointer; }
/* -Stage layout */

.flowfoot  { 
	float: left;
}
div.flowfoot .copyright {
	font-size: 0.9em; text-align: center;
	margin: 1em 0;
	color: #aaa;
}
div.flowfoot .line { height: 5px; }

/* Login form */
.lpform { height: 290px; }
.lsform { height: 340px; }
.lform {
	width: 290px; margin:auto auto;
	font-family:tahoma; font-size:13px; text-decoration:none; line-height:1.5;
	background: url(../images/background-pattern.jpg) repeat; color: #444;
	overflow: hidden; 
}
div.lform .rblock {
	float: left; width: 270px;
	border-top: 4px dashed #eee; border-left: 4px dashed #eee;
}
div.lform h2 {
	font-family: tahoma, arial, helvetica, sans-serif; text-align: left; font-weight: bold; font-size: 16px;
	width: 98%;
	background-color: #000; color: #ffc; padding: 0 0 6px 3px; height: 16px; margin: 0 7px 7px 7px;
	filter:alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;
}
/* -Login form */

/* Logout */
.oform {
	height: 40px; width: 280px; margin:auto auto;
	font-family:tahoma; font-size:13px; text-decoration:none; line-height:1.5;
	background: url(../images/background-pattern.jpg) repeat; color: #444;
	position: relative; top: -4px;
}
div.oform .rblock {
	float: left; width: 270px;
	border-top: 4px dashed #eee; border-left: 4px dashed #eee;
}
div.oform .rblock div {
	margin: 0 auto;
	text-align: center;
}
/* -Logout */

/* Register forms */
.rform {
	height: 360px; width: 830px; margin:auto auto;
	font-family:tahoma; font-size:13px; text-decoration:none; line-height:1.5;
	background: url(../images/background-pattern.jpg) repeat; color: #444; 
}
div.rform .rblock {
	float: left; width: 270px;
	border-top: 4px dashed #eee; border-left: 4px dashed #eee;
}
div.rform h2 {
	font-family: tahoma, arial, helvetica, sans-serif; text-align: left; font-weight: bold; font-size: 16px;
	background-color: #000; color: #ffc; padding: 0 0 6px 3px; height: 16px;
	filter:alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;
}
/* -Register forms */

/* Contact form */
.cform {
	height: 430px; width: 430px; margin:auto auto;
	font-family:tahoma; font-size:13px; text-decoration:none; line-height:1.5;
	background: url(../images/background-pattern.jpg) repeat; color: #444; 
}
div.cform .rblock {
	float: left; width: 270px;
	border-top: 4px dashed #eee; border-left: 4px dashed #eee;
}
div.cform h2 {
	font-family: tahoma, arial, helvetica, sans-serif; text-align: left; font-weight: bold; font-size: 16px;
	background-color: #000; color: #ffc; padding: 0 0 6px 3px; height: 16px;
	filter:alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;
}
/* -Contact form */

/* Question forms */
.qform {
	height: 460px; width: 530px; margin:auto auto;
	font-family:tahoma; font-size:13px; text-decoration:none; line-height:1.5;
	background: url(../images/background-pattern.jpg) repeat; color: #444; 
}
div.qform .rblock {
	float: left; width: 460px;
	border-top: 4px dashed #eee; border-left: 4px dashed #eee;
}
div.qform h2 {
	font-family: tahoma, arial, helvetica, sans-serif; text-align: left; font-weight: bold; font-size: 16px;
	background-color: #000; color: #ffc; padding: 0 0 6px 3px; height: 16px;
	filter:alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;
}
div.qform table { padding: 0 2px 4px 4px; }
/* -Question forms */

.flowcomm {
	float: left; display: inline;
	line-height: 10px; font-size: 10px; color: #555;
	font-family: Tahoma, Verdana, sans-serif;
	letter-spacing: .05em;
	padding: 6px 0 0 4px;
}
.capreload {
	float: left;
}

div.cform .messages,
div.lform .messages,
div.rform .messages,
div.qform .messages {
	float: left; padding: 2px 0 4px 14px;
	width: auto;
	color: #e44;
	/*background-color: #eef;*/
	font-size: 11px; font-weight: bold; font-family: Tahoma, Verdana, sans-serif;
}

.clr { clear: both; overflow:hidden; height: 0; }
a, img { padding: 0; margin: 0; }
img { border: 0 none; }
form { margin: 0; padding: 0; }

h1 { margin: 0; padding-bottom: 8px; color: #0B55C4; font-size: 20px; font-weight: bold; }
h2 { margin: 0; padding-bottom: 8px; color: #eee; font-size: 16px; font-weight: bold; }

div.cform fieldset,
div.lform fieldset,
div.qform fieldset,
div.rform fieldset { margin-bottom: 10px; border: 0 none; padding: 5px; text-align: left; font-family:bookman; }

div.cform fieldset p,
div.lform fieldset p,
div.qform fieldset p,
div.rform fieldset p {  margin: 10px 0px;  }

div.qform legend,
div.cform legend,
div.lform legend,
div.rform legend { color: #0B55C4; font-size: 12px; font-weight: bold; }

div.cform textarea,
div.cform input, select { font-size: 14px; margin: 0 0 0.5em 0; padding: 0.2em; border: 1px solid #ddd; }
div.lform textarea,
div.lform input { font-size: 14px; margin: 0 0 0.5em 0; padding: 0.3em; border: 1px solid #ddd; }
div.qform textarea,
div.qform input, select,
div.rform textarea,
div.rform input, select { font-size: 14px; margin: 0 0 0.5em 0; padding: 0.2em; border: 1px solid #ddd; }

div.qform input.errors,
div.cform input.errors,
div.lform input.errors,
div.rform input.errors { border: 1px solid red; }
div.qform input.disabled,
div.cform input.disabled,
div.lform input.disabled,
div.rform input.disabled { background-color: #F0F0F0; }

div.cform input:focus,
div.cform select:focus,
div.cform textarea:focus { background-color: #ffd; margin: 0 0 0.5em 0; padding: 0.3em; border: 1px solid #FFA500; }
div.lform input:focus,
div.lform select:focus,
div.lform textarea:focus { background-color: #ffd; margin: 0 0 0.5em 0; padding: 0.3em; border: 1px solid #FFA500; }
div.qform input:focus,
div.qform select:focus,
div.qform textarea:focus,
div.rform input:focus,
div.rform select:focus,
div.rform textarea:focus { background-color: #ffd; margin: 0 0 0.5em 0; padding: 0.2em; border: 1px solid #FFA500; }

div.cform div li {
	float: left; width: 100%;
	list-style: none; text-align: left;
}
div.lform div li {
	float: left; width: 100%;
	list-style: none; text-align: left;
}
div.qform div li,
div.rform div li {
	float: left; width: 100%;
	list-style: none;
}
div.stage div li {
	float: left; width: 56px;
	list-style: none; display: inline; text-align: left;
	letter-spacing: .05em; padding: 2px; color: #320; text-align: center;
	font-size: 10px; font-weight: normal; font-family: Tahoma, Verdana, sans-serif;
	cursor: pointer;
}
div.stage li a:hover {
	text-decoration: underline;
}

div.qform form label,
div.cform form label,
div.lform form label,
div.rform form label {
	float: left; background: #FFA500;
}
div.qform form label span,
div.cform form label span,
div.lform form label span,
div.rform form label span {
	float: left; display: block;
	font-size: 11px; font-weight: normal; font-family: Tahoma, Verdana, sans-serif;
  letter-spacing: .05em; color: #320; background: #eef;
  border-top: 1px solid silver; border-right: 1px solid silver; border-left: 1px solid silver;
  text-align:left; padding:4px 5px 3px 8px;
	vertical-align: top;
}

.rsubmit {
	float: right;
	padding-top: 5px;
	text-align: right;
	width: 280px;
	border-top: 4px dashed #eee;
	/*background: #999;*/
}
div.rsubmit span { padding-right: 5px; }
.rsubmit button { font-weight: bold; }
.wemail { width: 450px; margin:0 auto; }


/* Backend */
.hfoot { width: 100%;	text-align: center; }
.clear { clear: both; }

.copyright
{ font-size: 0.85em; text-align: center; margin: 1em 0; color: #aaa; }
.reglogo { height: 58px; width: 57px; }

#system-message { display: none; }