/*					TRO-login.css					    		*/
/*	This stylesheet contains styles used only by tempLogin.html	*/
/*                                                      		*/

/* Firstly override some of the default css class items using ID's */
#thePageWrapper
{
	background-color:#CE000C;
}

#theHeader
{
	height: 347px;
	background: url('../images/tro-login-header-bg.png') no-repeat left top;
}

#theContent
{
	margin: 40px;
	color:White;
}

/* Now create some custom styles used only by the login page */
#loginHeaderText
{
	width:440px;
	float:right;
	padding-top:275px;
	padding-right:20px;
	text-align:right;
	color:White;
}

a,a:visited
{
	color:#EECCCC;	
}

a:hover,
a:visited:hover
{
	color:white;
}

#loginHeading
{
	display:block;
	margin-bottom:25px;
}

#loginInputTable
{
	display:block;
	margin-left: 40px;
	margin-top: 27px;
}

#loginInputTable td
{
	padding:6px 4px;
	vertical-align:top;
}

#loginInputTable td.label
{
	text-align:right;
	font-size:15px;
	line-height:22px;
}

#loginInputTable td.input a,
#loginInputTable td.input a:visited
{
	font-style:italic;
}

#loginInputTable td.submit
{
	padding-top:12px;
}

.loginRightPane
{
	width:240px;
	text-align:justify;
	float:right;
	clear:right;
	font-size:13px;
	margin-right:70px;
	margin-left:10px;
}

.loginRightPane + .loginRightPane
{
	margin-top: 30px;
}

.loginRightPane p
{
	margin:2px 0;
}
.loginRightPane a.button
{
	position:relative;
	display:block;
	margin-left:10px;
	margin-right:-70px;
	width:60px;
	float:right;
	text-align:center;
}
.loginRightPane a.button img
{
	display:block;
	margin:0 auto;
	border:none;
	text-decoration:none;
}

.loginRightPane a#LoginPlayerDownload
{
	position:relative;
	display:block;
	font-size:14px;
	font-weight:bold;
	margin-right:-70px;
	margin-top:1em;
	text-decoration:none;
}

.loginRightPane a#LoginPlayerDownload img
{
	display:block;
	margin:3px 0 0 10px;
	float:right;
	border:none;
	
}

.loginResultMessage
{
	display:block;
	font-weight:bold;
	font-style: italic;
	margin-top: 40px;
}