/* CSS Document */

body
{
  	background: #A80000 url(../images/jtslogol.gif);
  	margin: 0;
  	padding: 0;
   background-repeat:no-repeat;
   background-position:center center;
	font-family: "Trebuchet MS", san-serif;
	font-size: 10pt;
	overflow: auto;
}

td
{
	font-size: 10pt;
}

.bgimage
{
  position: fixed;
  top: 130px;
  right: -120px;
}

.errvisible
{
  color: #AA0000;
  font-weight: bold;
}

h1
{
  display:      inline;
  margin-left:  10px;
  font-weight:  bold;
  vertical-align: top;
  line-height: 1.5em;
  font-size: 4em;
  opacity: 0.6;
}

#headerImage
{
  position: absolute;
  right: 0px;
  height: 100px;
  margin-right: 20px;
}

#loginDetailsHdg
{
  font-size: 160%;  
  margin-bottom: 10px;
  font-weight: bold;
}

#loginDetailsTableWrapper
{
  min-height: 95px;
}

#loginDetails, #resolutionWarning, #loginDetailsExtraBits
{
  position: relative;
  top: 20px;
  margin: auto;
  width: 330px;
}

#resolutionWarning
{
  padding: 0em 0.5em;
  margin-top: 20px;
}

#loginDetailsExtraBits
{
  font-weight: bold;
  font-size: 80%;
  color: #555555;
  width: 290px;
}


#loginDetailsContent
{
  padding: 0px 30px;
  overflow: hidden;
}

.buttonArea
{
  width: 100%;
  text-align: right;
  border-top: solid #DDDDDD 1px;
}

.jqButton
{
  padding: 2px 6px;
  margin-top: 5px;
  font-family: "Trebuchet MS",san-serif;
  font-size: 14px;
  width: auto;
}

input.ui-button
{
  padding: 0.1em 1em;
}

input, select
{
  font-size: 11px;
  width: 130px;
}



#bottomRightBits
{
  text-align: right;
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-weight: normal;
  font-size: 10px;
  color: #777777;
  line-height: 8px;
  letter-spacing: 2px;
}

#bottomLeftBits
{
  position: absolute;
  bottom: 85px;
  right: 5px;
  font-weight: normal;
  font-size: 50%;
}


hr
{
  color: #DDDDDD;
  background-color: #DDDDDD;
  height: 1px;
}



.border
{
  background-image: url(../images/loginboxbig.png);
  width:100%;
  background-repeat: no-repeat;
}
.border.top
{
  height:23px;
}
.border.middle
{
  background-position: left center;
}
.border.bottom
{
  height:23px;
  background-position: bottom;
}