/* CSS for MMO 2.0 Login Page */

body {
	background-color: transparent;
}

.ui-widget-overlay 
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .6;
	filter: Alpha(Opacity=60); /* support: IE8 */
}
.ui-front
{
	z-index: 100;
}

.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #ffffff;
	/* url("/images/popup_overlay.png") 50% 50%; */
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
	border-radius: 8px;
}

#LoginControl a:visited { /* added LoginControl specificity so as not to affect styles on main page */
	color: inherit;
}

/* error message section ***********************/


label {
	font-weight: normal;
}

/* end error message section *******************/


.ui-dialog {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	background-color:white;
	border-radius: 3px;
	border: 1px solid #999999;
	overflow: hidden;
	width: 500px;
	height: 450px;
}

.ui-dialog:focus {
	outline: none;
}

.ui-dialog-titlebar-close { /* hides jquery close button */
	display: none;
}

#LoginControl {
	padding: 10px 25px;
}

#LoginControl table {
	border-collapse: collapse;
	width: 100%;
	min-height:130px;
}
#LoginControl table td {
	color: #626262;
	font-size: 18px;
}

#LoginControl #UsernameTextBox, #LoginControl #PasswordTextBox {
	height: 32px;
	font-size: 16px;
	color: #626262;
	border: 1px solid #b3b3b3;
	width: 100%;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

#LoginControl  .qatr{
	display:none;
}

.usernametr td, .passwordtr td, .questiontr td, .answertr td{
	padding-bottom: 15px;
}

.usernametd, .passwordtd {
	text-align: left;
	padding-right: 20px;
}

#LoginControl .optionstd, #LoginControl .qaoptionstd {
	font-size: 12px;
}

#loginButton {
    font-family: Helvetica, Tahoma, Arial, sans-serif;
    color: #ffffff;
    background-color: #01adf2;
    border: none;
    height: 40px;
    font-size: 18px;
    margin: 0 0 20px 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;
    padding: 10px;
    float: right;
}

#ErrorMessage
{
    line-height: 42px;
}