.sub {padding: 0 0 0 8px;}
.sub_req { padding: 0 0 0 8px; vertical-align: top;}
.sub_req:before {color: #AA1212; content: "*";}

#main-content {min-width:920px;}
.sidebar-left {width:300px; padding-right:20px; float:left; margin-bottom: 4px;}
.sidebar-right {width:600px; float:right;}

#container {background:#d8d8ee; width:600px; margin:15px; padding:20px;}
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 {font-size: 130%; color:#004678;}
/*.xsnazzy p {padding-bottom:0.5em; color:#eee;}*/
.xsnazzy {background: transparent; margin:1em;}

.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #b0d394; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
/*.xsnazzy span {display:block; width:0; height:0; color:#b0d394; overflow:hidden; border-top:10px solid #f4ffeb; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;} */
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #b0d394; border-right:1px solid #b0d394;}

.xb1 {margin:0 8px; background:#b0d394;}
.xb2 {margin:0 6px; background:#b0d394;}
.xb3 {margin:0 4px; background:#b0d394;}
.xb4 {margin:0 3px; background:#f4ffeb; border-width:0 5px;}

.xb5 {margin:0 2px; background:#f4ffeb; border-width:0 4px;}
.xb6 {margin:0 2px; background:#f4ffeb; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#f4ffeb; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#f4ffeb; border:3px solid #b0d394; border-width:0 3px;}

.external {
	background: url(/images/external.png) center right no-repeat;
	padding-right: 13px;
}

#sublist {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #666666;
}

#sublist tbody tr td {
		font-family: "lucida grande", verdana, sans-serif;
		font-size: 8pt;
		padding: 3px 8px;
		border-left: 1px solid #D9D9D9;
		background-color: #fff;
}

#sublist tr.odd td {
	background-color: #edf3fe;
}
	
#sublist tbody tr.header td {
		background-color: #3d80df;
		color: #ffffff;
		font-weight: bold;
		border-left: 1px solid #346DBE;
		border-bottom: 1px solid #7DAAEA;
}

body {
  margin: 0px;
  background-color: #e7ede9;
  /* background: url(/images/backbar.png); */
  font: normal 90% Verdana,Sans-serif;
}

p {
  font-size: 100%;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}

.highlight {
  font-size: 80%;
  margin-bottom: 1em;
  padding: 1em;
  border: solid #e2deb3 1px;
  background-color: #fffce5;
}

form {
    border: none;
}

.content {
  padding-top: 5px;
  padding-bottom: 15px;
}

a {
  text-decoration: none;
  color: #002558;
}

a:hover {
  text-decoration: none;
  color: red;
}

li {
  padding-bottom: 4px;
}

ol {
  list-style-type: decimal;
}

.center {
  text-align: center;
}

h1 {
  font-size: 120%;
  margin-top: 0px;
  margin-bottom:0px;
  color: #ff0000;
  text-shadow: #cccccc 0.2em 0.2em 3px;
}

h2 {
  font-size: 120%;
  padding-bottom: 2px;
  border-bottom: solid #1f2b65 1px;
  color: #004678;
  margin-bottom: 0.5em;
  margin-top: 1em;
  text-shadow: #999999 0.2em 0.2em 3px;
}

h3 {
  font-size: 100%;
  font-weight: bold;
  color: #004678;
  border-bottom: 1px solid #1f2b65;
  text-shadow: #999999 0.2em 0.2em 3px;
}

h4 {
  color: #004678;
  text-shadow: #999999 0.2em 0.2em 3px;
}

h5 {
  font-size: 140%;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #004678;
  text-shadow: #cccccc 0.2em 0.2em 3px;
}
h6 {
  font-size: 80%;
  margin-top: 0px;
  color: black;
}

#masterbox {
  margin-left: 2em;
  margin-right: 2em;
  border-left: 1px solid #2a648b;
  border-right: 1px solid #2a648b;
  background-color: #ffffff; 
}

#portal-colour-top {
  background-color: #b0d394;
  padding: 1px;
  border-top: 1px solid #2a648b;
  border-bottom: 1px solid #2a648b;
}

#portal-colour-bottom {
  background-color: #b0d394;
  padding: 1px;
  border-bottom: 1px solid #2a648b;
}

#portal-top {
  padding-top: 1em;
}

#portal-logo {
    border: 0;
    margin: 0.2em 0em 0em 22px;
    padding: 0;
}

#database-nav {
  margin: 0em 0px 0px 20px;
}

#database-nav td {
  margin: 0px;
  padding: 0px;
  font-size: 90%;
  color: #004678;
  vertical-align: top;
}

#portal-divider {
  clear:both;
  background-color: #8CB073;
  border-top: solid #004678 1px;
  border-bottom: solid #004678 1px;  
  margin-bottom: 1em;
  color: #ffffff;
}

#portal-divider p {
  font-size: 80%;
  text-align: center;
  margin-top: 0.25em;
  margin-bottom: 0.25em;  
}

#portal-divider a {
  font-weight: bold;
  color: #ffffff;
}

.content {
  margin-left: 2em;
  margin-right: 2em;
}

input.button {
	font-size: 95%;
}

a.text {
	font-size: 105%;
}

/* The new form elements */

.field {
    top: 0;
    left: 0;
    margin: 0 1em 1em 0;    
}

.field .field {
    margin: 1em 0 0 0;
}

.field label {
    font-size: 100%;
    font-weight: bold;
} 

.formHelp {
    font-size: 80%;
    color: #76797c;
    margin: 0 0 0.2em 0;
}

.formHelp a {
    text-decoration: underline;
}

.formHelp:hover {
    color: Black;
    cursor: default;
}

.formControls {
   margin: 1em 0 0 0; 
}

.context {
    cursor: pointer;
    font-size: 85%;
    margin-bottom: 1em;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}

fieldset {
  margin-top: 1em;
  padding-left: 1em;
  background-color: #f9f9f9;
}

legend {
  background-color: #ffffff;
  border: 1px solid #999999;
  padding: 2px 8px 2px 8px;
}

dt {

}
dt a {

}

dd {
    line-height: 1.5em;
    margin-bottom: 1em;
}
dd a {
    text-decoration: underline;
}

dd.link a {
    text-decoration: none;
    color: Black;
}

#portal-header {
  background: url(/images/backbar.png);
  border: 0px;
  margin: 0px;
  padding-left: 0em;
  padding-bottom: 0em;
  font-size:11px
}

#portal-linkbar {
  border: 0px;
  margin: 0px;
  padding-left: 0em;
  padding-bottom: 0em;
  font-size:11px
}
#portal-linkbar-content {
  border: 0px;
  margin: 0px;
  padding-left: 3em;
  padding-bottom: 0em;
  font-size:11px
}