body {
  text-align: center;
  padding: 0;
  margin: 0 15px 15px 15px;
  background-color: #eeffee;
  font-family: Verdana,sans-serif;
}

/* LAYOUT */

div#page {

  width: 730px;
  border: solid #337733;
  border-width: 1px;
  background-color: #fff;
  margin: 0 auto;
  position: relative;
  top: -1px;
  text-align: left;
}

h1 {
  font-family: "Trebuchet MS",Verdana,sans-serif;
  font-size: 24px;
  letter-spacing: 0.05em;
  color: #337733;
  padding: 0; margin: 0;
  background-color: #99ff99;
  background-image: url('/portal/static/img/header-back.png');
  background-repeat: repeat-x;
} 

h1 div {
  padding: 9px 15px 5px 15px;
  margin: 0;
  display: none;  
}

h1 a {
  display: block;
  margin: 0;
  padding: 0;
}

span.imgheading {
  background-image: url('/portal/static/img/header-text.gif');
  background-repeat: no-repeat;
  background-position: 15px 5px;
  display: block;
  height: 43px;
  margin: 0;
  padding: 0;
  width: 400px;
  z-index: 1;
  cursor: hand;
}

h1 span.line {
  display: block;
  font-size: 0;
  height: 5px;
  margin: 0; padding: 0;
  background-color: #337733;
}

#main {
  margin: 0; padding: 10px;
}

#main-container {
  margin: 0; padding: 0px;
  width: 100%;
  font-size: 0.8em;
}

#foot {
  background-color: #337733;
  color: #fff;
  font-size: 0.70em;
  padding: 3px 10px;
  clear: both;
}

/* MAIN */

a, a:visited, a:active {
  color: #000066;
}

a:hover {
  color: #2000ee;
}

h2 {
	font-size: 18px;
	margin: 0 0 10px 0;
	padding: 0;
	letter-spacing: 0.1em;
	font-family: Tahoma,sans-serif;
}

h3 {
	font-size: 15px;
	margin: 15px 0;
	padding: 0;
	letter-spacing: 0.1em;
	font-family: Tahoma,sans-serif;
	border: solid #999;
  border-width: 0 0 1px 0;
  padding: 0 0 2px 0; 
}

#main p {
  padding: 0;
  margin: 0.6em 0;
  line-height: 1.4em;
}



/* LOGINFORM */

div#ssong div#loginform {
  /*text-align: center;*/
  margin: 0; padding: 0;
  float: left;
  width: 340px;
  margin: 0 0 10px 0;
}

div#ssong div#loginform .message {
  text-align: left;
	font-size: 13px;
	font-family: Verdana;
	font-weight: bold;
	line-height: 1.5em;
	border: 1px solid #e1e1ff;
  background-color: #ffe7e7;
  padding: 5px 10px;
  margin: 0 0 10px 0;
}

div#ssong div#loginform form {
  text-align: left;
	font-size: 13px;
	font-family: Verdana;
	border: 1px solid #e1e1ff;
	margin: 0;
  background-color: #f7f7ff;
  background-image: url('logon.png');
  background-repeat: no-repeat;
  background-position: 50% 0;
}

div#ssong div#loginform form input {
  width: 130px;
  font-family: Verdana;
}

div#ssong div#loginform form label {
	font-weight: bold;
  display: block;
  float: left;
  width: 160px;
  text-align: right;
  margin: 0;
}

div#ssong div#loginform form div {
  padding: 0;
  margin: 0;
}

div#ssong div#loginform form div.creds input {
  margin-left: 170px;
  display: block;
  padding: 1px 5px;
  border: 1px solid #e1e1ff;
} 
div#ssong div#loginform form div.user {
  margin-top: 16px;
  _margin-top: 14px;
}

div#ssong div#loginform form div.pass {
  margin-top: 17px;
  _margin-top: 16px;
}

div#ssong div#loginform form div.send {
  margin-top: 20px;
  _margin-top: 16px;
  margin-bottom: 10px;
  text-align: center
}

div#ssong div#ssoright {
  padding: 0;
  margin: 0 0 0 350px;
  text-align: left;
  padding: 10px;
	border: 1px solid #e1e1ff;
  background-color: #f7f7ff;
}

div#ssong h3 {
  border: 0;
  margin: 0; padding: 0;
  font-size: 14px;
}