/* General Structure */

body {
	background-color: #eff7ff;
	margin: 0;
	padding: 0;
	border: 0;
	color: #333;
	font-size: small;
	font-family: verdana, arial, helvetica, sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
}

a {
  color: #333;
}

a:hover {
  color: #000;
}

img {
	border: 0;
}

#content {
  padding-top: 5px;
  background-color: #fff;
  position: relative;
  clear: both;
  width: 776px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px #f60 solid;
  border-left: 1px #333 solid;
  border-right: 1px #333 solid;
}

#infobar {
}

#maintext {
  /*padding-left: 5px;*/
  /*width: 463px;*/
  margin-left: 10px;
  margin-right: 5px;
}


#sidepanel {
  position: absolute;
  top: 50px;
  margin-top: 10px;
  left: 479px;
  width: 292px;
  margin-left: 0;
  margin-right: 0;
}

/* Header */
#header {
  background: #eef url("../../images/bg5.gif") repeat-x top;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#headercontent {
  vertical-align: middle;
  width: 718px;
  margin-left: auto;
  margin-right: auto;
}

#logo a { 
  text-decoration:none;
  font-size: x-large;
  font-style: italic;
  font-weight: bold;
  color: #f60;
}

/* Site Navigation */

#sitenavcontainer ul#sitenav {
  margin:0;
  padding:1px 0 0 15px;
  width: 718px;
  margin-left: auto;
  margin-right: auto;
}

#sitenavcontainer {
  float:left;
  width:100%;
  background:#eef url("../../images/bg3.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
}

#sitenavcontainer ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
}

#sitenavcontainer li {
  display:inline;
  margin:0;
  padding:0;
}

#sitenavcontainer a {
  float:left;
  background:url("../../images/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #765;
  text-decoration:none;
}

#sitenavcontainer a span {
  float:left;
  display:block;
  background:url("../../images/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  font-weight:bold;
  color:#765;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#sitenavcontainer a span {float:none;}
/* End IE5-Mac hack */

#sitenavcontainer a:hover span {
  color:#333;
}

#sitenavcontainer #current a {
  background-position:0 -150px;
  border-width:0;
}

#sitenavcontainer #current a span {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#333;
}

#sitenavcontainer a:hover {
  background-position:0% -150px;
}

#sitenavcontainer a:hover span {
  background-position:100% -150px;
}

/* Sidebar */
div#side a span {
  display: none;
}

div#side a:hover span {
  display: block;
  position: absolute;
  top: 5px;
  left: 250px;
  width: 200px;
  padding: 5px;
  margin: 10px;
  z-index: 100;
}

#side {
  float: left;
  width: 23%;
  margin-bottom: 1em;
}

/* List */

ul.itemlist
{
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

ul.itemlist li
{
  padding-left: 10px;
  background-image: url("../../images/reddot.gif");
  background-repeat: no-repeat;
  background-position: 0 .5em;
  font-size: small;
}

ul.itemlist .first
{
  background-image: none;
  list-style: none;
  padding-bottom: 5px;
}

/* Table Forms */

.req-input {
  color: #f00;
  text-style: bold;
}

#login  {
  border: 1px #333 dashed;
  font-size: small;
}

#login .form-button {
  font-size: x-small;
}

#login .label {
  text-align: right;
}

#login .leftalignedlabel {
  text-align: right;
}

#login .input {
  text-align: left;
}

.formarea  {
  padding: 5px;
/*  border: 1px #333 dashed; */
  font-size: small;
}

.formarea label {
  font-size: small;
}
.formarea .form-button {
  font-size: x-small;
}

.formarea .label {
  text-align: right;
}

.formarea .input {
  text-align: left;
}

#footercontainer {
  margin: 5px 0 0;
  padding: 0.5em 0;
  color: #333;
  font: 0.8em/1.6em verdana,sans-serif;
  text-align: center;
  border-top: 1px solid #ddd;
}

/* Error header */
.e-info {
  color: #00f;
}

.e-error {
  color: #f00;
}


/* User Actions */
div#useractionscontainer {
  float: right;
}

ul#useractions {
  list-style-type: none;
}

ul#useractions li {
  float: left;
  border-right: 1px solid #066;
  margin: 2px 2px 0 2px;
  display: block;
}

ul#useractions li.last {
  border-right: 0px;
}

#useractions li a {
  padding-right: 4px;
  text-decoration: none;
}

#useractions li a:hover {
  color: #000;
  text-decoration: underline;
}
/* Study list */

#studylist.new {
  background: url("../../images/study-new.gif");
}

#studylist.suspended {
  background: url("../../images/study-suspended.gif");
}

#studylist.completed {
  background: url("../../images/study-completed.gif");
}

#studylist.deactivated {
  background: url("../../images/study-deactivated.gif");
}

#studylist.expired {
  background: url("../../images/study-expired.gif");
}


ul#studylistnav {
  font: bold 11px verdana, arial, sans-serif;
  list-style-type: none;
  padding-bottom: 24px;
  border-bottom: 1px solid #6c6;
  margin: 0;
}

ul#studylistnav li {
  float: left;
  height: 21px;
  background-color: #cfc;
  margin: 2px 2px 0 2px;
  border: 1px solid #6c6;
}

#studylistnav li#ctab  {
  border-bottom: 1px solid #fff;
  background-color: #fff;
}


#studylistnav li#ctab a {
  color: #000;
}

#studylistnav a {
  float: left;
  display: block;
  color: #666;
  text-decoration: none;
  padding: 4px;
}

#studylistnav a:hover {
  background: #fff;
}


div.spacer {
  clear: both;
}

div.images {
  text-align: center;
  border: 1px dashed #333;
  background-color: #fff;
}

div.float {
  width: 120px;
  float: left;
  padding: 10px;
}

div.float p {
  text-align: center;
}

tfoot th{
	text-align:right;
}
caption{
	padding:10px 0;
	font-weight:bold;
}


/* Tables */
  table.ruler tr.trover {
  background-color:#CECEDE;
  cursor:hand; cursor:pointer;
  color:#2E2E3E;
}

.study-message {
  font-style: italic;
}

.study-expiring {
  color: red;
}

.hidden {
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute;
}

/* Help */
ul.helplist {
  list-style: none;
}

ul.helplist li {
  font-weight: bold;
}


ul.helplist li div {
  margin-left: 2em;
  font-weight: normal;
}

ul.helplist li div li {
  font-weight: normal;
}

/* Page Name */
p.heading {
  font-size: medium;
  font-weight: bold;
  color: #f60;
}
p.subheading {
  font-weight: bold;
}