
body {
	height:100%;
	font-family:Verdana, default;
	font-size:80%;
	background:#fff url(/style/images/sjt-bg.gif) repeat-x left -8px;
}

* {
	margin:0;
	padding:0;
}

.none {
	display:none;
}

.clear {
	clear:left;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.error {
	color:#121212;
	font-size:0.8em;
	margin:0 0 0.6em 0;
	border-bottom:1px solid #eee;
	background:#fff;
}

.error strong {
	display:block;
	color:#CE0000;
	font-size:1em;
	padding:0.4em 0.2em 0.4em 2.2em;
	background:url(images/caution.gif) no-repeat top left;
}

#landing {
	width:550px;
	border:6px solid #eee;
	margin:0 auto;
}

#landing_inner {
	border:1px solid #ccc;
	padding:1em;
}

a {
	color:#0095EC;
}

a:hover {
	color:#000;
}

h1 {
	color:#333;
	font-size:1.3em;
	font-weight:normal;
	text-align:center;
	padding-top:130px;
	padding-bottom:40px;
	width:580px;
	margin:0 auto;
	line-height:1.6em;
}

h1 a {
	color:#333;
	text-decoration:none;
}

h1 a:hover {
	color:#f93737;
	text-decoration:underline;
}

h1 span {
	display:block;
	color:#ccc;
	font-size:0.5em;
}

p.whatsgoingon {
	padding:3em 0 0 0;
	text-align:center;
	font-size:0.8em;
}

p.whatsgoingon a {
	color:#333;
	padding:0.2em;
	text-decoration:none;
	background:#ffc;
}

p.whatsgoingon a:hover {
	text-decoration:underline;
}

#logo {
	float:left;
	width:230px;
}

#logo h2 {
	height:150px;
	background:url(images/sjt-logo.gif) no-repeat 30px 50px;
}

#logo h2 a {
	display:block;
}

#logo h2 a span {
	display:block;
	position:absolute;
	top:-10000px;
	left:0;
	height:1px;
	width:1px;
	overflow:hidden;
}

#enter,
#enter input {
	font-size:0.9em;
}

#enter fieldset {
	margin:1em;
	padding:1em;
	border:none;
}

#enter fieldset legend {
	color:#333;
	font-weight:normal;
}

*+html #enter fieldset legend,
* html #enter fieldset legend {
	margin-bottom:1em;
}

#enter fieldset label {
	float:left;
	font-size:0.9em;
	width:7em;
	padding-top:0.2em;
}

#enter fieldset div {
	clear:both;
	padding:0.3em;
}

#enter fieldset div.chkbox {
	clear:none;
	float:left;
	padding:0.8em 0 0.8em 0;
}

#enter fieldset p {
	color:#555;
	font-size:0.9em;
}

#enter fieldset p.go-on-in {
	color:#777;
	font-size:1.2em;
	font-weight:bold;
	margin:0.7em 0 0.7em 0;
}

#enter fieldset p.frmbtn {
	float:right;
	text-align:right;
	padding:0.8em 0 0.8em 0;
}

#enter fieldset p.forgotpass {
	clear:both;
	text-align:center;
	border-top:1px solid #DEDEDE;
	padding-top:0.6em;
}

#enter fieldset p.forgotpass a {
	color:#808080;
}

#enter fieldset p.forgotpass a:hover {
	color:#f93737;
}

#footer {
	margin:150px auto;
	color:#888;
	width:560px;
	font-size:0.7em;
	text-align:center;
	line-height:1.6em;
}

#footer a {
	color:#888;
}

#footer a:hover {
	color:#f93737;
}
