/*----------------------------------------------------------------------------------*
 * MusicMiner Web Server															*
 * Name:		app/html/css/login.css												*
 * Author:		Jesse J Morrow	(jesse@jessejmorrow.com)							*
 * Created:		2006-08-24															*
 * Updated:		2008-12-01															*
 * 																					*
 * Compat:		CSS																	*
 * Copyright:	Copyright 2006-2008 Soundminer Inc.									*
 *																					*
 * Purpose:		The login page stylesheet.											*
 *----------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
 * LOGIN SCREEN
 *--------------------------------------------------------------------------------*/

html { overflow: auto; }
body#login {
	overflow: auto;
	background: #fff;;
}

body.browser-support div#login-box, body.browser-version div#login-box { display: none; }

#view-login #flash { margin-top: 4px; }

div#view-login {
	margin: 60px auto 20px auto;
	text-align: center;
/*	min-width: inherit;*/
}

div#logo {
	display: -moz-inline-box;
	display: inline-block;
	margin-bottom: 4px;
	width: 500px; height: 84px; background: url("/custom/BigScore(gray).png");;
}

div#login-box, div#browser-support, div#copy {
	width: 450px;
	margin: 7px auto;
}


#view-login h1 { margin-bottom: 20px; }
#view-login form dl { margin: 10px 0 0 0; }
/*
#view-login p {
	margin: 10px 0 0 0;
}*/

#view-login form dt {
	float: left;
	width: 80px;
	font-size: 14px;
	line-height: 24px;
	text-align: right;
	margin-right: 3px;
}

#view-login form dd {
	margin: 0 0 5px 90px;
	font-size: 11px;
	line-height: 24px;
	color: #000;
	margin-left: 80px;
}

#view-login input { font-size: 14px; }
#view-login form dd span { color: #000; }
#view-login input#username, #view-login input#password { width: 290px; }

#view-login input#password {
	vertical-align: middle;
	margin-right: 5px;
}

#view-login div.alert-good,
#view-login div.alert-bad { margin: 10px 0 20px 0; }

#view-login div.dialog {
	padding: 15px 20px 10px 20px;
	text-align: left;
	border-width: 8px; border-style: solid; border-color: #bbb;;
	background: #e8eefa;;
}

div#register {
	margin-top: 13px;
	border-top: 1px solid gray;	
	text-align: center;
}
div#register a { font-size: 1.5em; }

dl.browser-pref { text-align: center; }
dl.browser-pref dt { font-weight: bold; }
dl.browser-pref dd { margin-left: 0; }

div#copy { margin-top: 10px; }

/* Browser Support */

div#browser-support {}

/*div#browser-support h2, div#browser-support h3 { white-space: nowrap;}*/

div#browser-support div.msg {
	padding-top: 10px;
	text-align: center;
}
div#browser-support div.msg p {
	margin: 0; padding: 0;
	font-size: 16px;
	font-family: arial, helvetica, sans-serif;
}

div#browser-support div.msg h4 {
	margin-top: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
}

div#browser-support div.msg dt { font-weight: bold; }
div#browser-support div.msg dd { text-align: center; margin-left: 0; }

div#browser-support div.msg ul {
	display: inline-block;
	text-align: left;
	margin-top: 1px;
	margin: 1px auto;
}

div#browser-support div.msg ul li { text-align: left; }

/*----------------------------------------------------------------------------------*
 * REGISTER
 *----------------------------------------------------------------------------------*/

body#register div.mdialog > div > div { padding: 0; border: none; }
form.view-register div.btns input { font-size: 1.5em; }
form.view-register { text-align: center; }
form.view-register div.desc { margin-bottom: 12px; }
form.view-register div#flash { margin: 0 4px; }
form.view-register table.frm input { width: 200px; }
form.view-register table.frm th { width: 140px; }
form.view-register table.frm td { padding-right: 10px; }
form.view-register fieldset { padding: 10px; }
form.view-register div#flash { display: none; }