html {
    background: url("../../content/images/footer-bg.png") repeat-x scroll right bottom transparent;
}

body { 
  background: url(../../content/images/header-menu-bg.png) repeat-x 0 0px;
  width: 100%;
  min-width: 1250px;
  padding: 0;
  margin: 0;
  font-size: small;
}

#container {
    width: 100%;
    max-width: 1200px;
    margin-left: 40px;
    margin-right: 10px;
}

pre {
  font: normal 12px Arial, Helvetica, sans-serif;
}

p {
	margin: 0 10px 10px 20px;
}

fieldset {
  border:none;
  display: block;
  margin-left: 0px;
  margin-right: 0px;
  padding: 10px 10px 5px 20px;
}

fieldset legend {
    display: none;
}

a:link,a:active, a:visited {
  text-decoration: none;
}

a img {
  border: none;
}

form {
  margin: 0px;
  padding: 0px;
}

label{
  display: block;
  float: left;
  width: 140px;
}

.hidden {
  visibility: hidden;
}

.left {
  text-align: left;
}

.centre {
  text-align: center;
}

.right {
  text-align: right;
}

.justify {
  text-align: justify;
}

.italic {
  font-style: italic;
}

/* general styles */
div.floatLeft {
  float: left;
}
.floatLeft {
  float: left;
}
div.floatRight {
  float: right;
}
.floatRight {
  float: right;
  padding-left: 15px;
}
.clear {
  clear: both;
}



.gap {
  height: 10px;
}


.positive {
    color: royalBlue;
}

.negative {
  color: #FF0000;
}

.neutral {
  color: green;
}

/* header */
span#headerLogoImage {
	margin-top: 30px;
    background: url("../../content/images/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 70px;
    width: 1000px;
    margin-left: 10px;
}

/* footer */
.footerPanel {
    clear: both;
    font-size: 80%;
    left: 0;
    line-height: 140%;
    margin-bottom: 20px;
    text-align: center;
    padding-top: 30px;
}

.footerPanel p {
}

.footerPanelLeft {
  font-size: 85%;
  color:#555A62;
}

.footerPanelRight {
  float: right;
  position:relative;
  top: -100px;
}

.footerPanel .footerInfo {
    margin-bottom: 0px;
    padding-top: 37px;
    text-align: left;
    font-weight: 600;
}

.footerPanel .footerInfo p {
  margin:0 0 5px;
  padding-top:5px;
  padding-bottom:5px;
}
.footerPanel .footerInfo .warning {
  border: 0px solid #555555;
  padding: 0px;
  margin: 0px;
}
.footerPanel #partlogo {
  left:865px;
  position:absolute;
  top:12px;
}
.footerPanel a.indent {
  padding-left: 35px;
}

.legalPopupLink {
  float: right;
  position:relative;
  top: -100px;  
}

/* AutoCompleteTextField */

.wicket-aa-container{
  position:absolute;
  left:50px;
  top:50px;
  overflow:auto;
  padding:0;
  width:500px;

}

.wicket-aa {
    position:relative;
    width:100%;

}
.wicket-aa ul {
  border-top: 1px solid #D0D0D0;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 0;
  max-height: 300px;
}

.wicket-aa li {
  background-color: #F2F8FD;
  border: 1px solid #5E5F63;
  border-top: 1px solid #F0F0F0;
  padding: 3px;
  margin: 0;
  cursor: pointer;
  color: #5E5F63;
}

.wicket-aa li.selected {
  background: #e0e7ed none repeat scroll 0 0 !important;
  color: #444242;
}

.dataTable {
  border-spacing: 2px 2px;
  border-collapse: collapse;
  width: 100%;
}

.dataTable thead th {
  color: white;
  padding: 9px 8px;
}

.dataTable th span {
  float: left;
}

.dataTable th.rightAlign span {
  float: right;
  text-align: center;
}

/* if we are displaying the currency we will have two nested spans,
  do not float them right as that would change the order */
.dataTable th.rightAlign span span {
  float: none;
}

.dataTable td.rightAlign span {
  float: right;
}
.dataTable td.rightAlign span a {
  float: right;
}

.dataTable thead th.wicket_orderNone a {
    text-align:center;
    float:center;
}
.dataTable thead th.wicket_orderNone a {
    color: white;
}

.dataTable thead th.wicket_orderNone a > span {
  background-image: url(../images/arrow_up_down.gif);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  padding-right: 15px;
}
.dataTable thead th.wicket_orderUp a{
    text-align:center;
    float:center;
}
.dataTable thead th.wicket_orderUp a{
    color: white;
}
.dataTable thead th.wicket_orderUp a > span {
  background-image: url(../images/arrow_up.gif);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  padding-right:25px;
  cursor: pointer;
}

.dataTable thead th.wicket_orderDown a{
    text-align:center;
    float:center;
}
.dataTable thead th.wicket_orderDown a{
    color: white;
}
.dataTable thead th.wicket_orderDown a > span {
  background-image: url(../images/arrow_down.gif);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  padding-right:25px;
  cursor: pointer;
}

.dataTable thead th.wicket_orderDown.rightAlign a > span,
.dataTable thead th.wicket_orderNone.rightAlign a > span,
.dataTable thead th.wicket_orderUp.rightAlign a > span {
  padding-right: 15px;
}

.dataTable thead th a {
  text-decoration: none;
}

.dataTable tbody tr.odd, .dataTable tbody tr {
  background-color: #e1e1e1;
}

.dataTable tbody td {
  padding: 9px 10px;
}
.dataTable .indicator {
  text-align: center;
}

.dataTable thead th.firstColumn, .dataTable tbody .firstColumn{
 padding-left:20px;   
 text-align:left;
 padding-right: 10px;
 max-width: 70px;
}

.dataTable thead th.lastColumn, .dataTable tbody .lastColumn{
    padding-right:10px !important;
}

.dataTable thead th.firstColumn a {
 text-align:left;
}
 

.dataTable .zeroValuedHolding_true {
  cursor: help;
  font-style: italic;
  color: #1D407C;
  background: transparent url(../images/exclamation_mark.gif) no-repeat 0px 0px;
  padding-left: 7px;
}

table.dataTable td.icon {
  width: 13px;
  padding: 2px 2px 3px;
}

table tfoot tr.norecords-tr td.norecords-td span.norecords {
    color: #555A62;
    display: block;
    padding-top: 7px;
    text-align: center;
}

table tfoot {
/*	border: 1px solid #DDDDDD;*/
}

.searchMatch {
  color: #3780c4;
}

/* help panel styles */
.infoTree > .groupInfoContent > .groupInfoContents {
  padding-left: 0px !important;
}

.groupInfoContents, .pageInfoContents {
  padding-left: 15px;
}

.infoContentTitle {
    margin-bottom: 0px;
}

.pageInfoContents help {
    margin-top: 10px;
}

.groupInfoContents div{
    margin-top: 10px;
}

.wicket-ajax-indicator {

}

/* Modal Window overrides */

div.wicket-modal div.jhc_client div.w_left,
div.wicket-modal div.jhc_client div.w_right {
  background-image: url('../images/frame-darkgrey-2-alpha.png');
  _background-image: url('../images/frame-darkgrey-2-ie.png');
}


div.wicket-modal div.jhc_client div.w_top,
div.wicket-modal div.jhc_client div.w_bottom,
div.wicket-modal div.jhc_client div.w_topLeft,
div.wicket-modal div.jhc_client div.w_topRight,
div.wicket-modal div.jhc_client div.w_bottomRight,
div.wicket-modal div.jhc_client div.w_bottomLeft,
div.wicket-modal div.jhc_client a.w_close {
  background-image: url('../images/frame-darkgrey-1-alpha.png');
  _background-image: url('../images/frame-darkgrey-1-ie.png');
}

div.wicket-modal div.jhc_client div.w_caption {
  background-image:url("../images/modal_header.png");
  color:#FFFFFF;
  height:20px;
  padding:8px 5px 5px;
  text-shadow:0 -1px 0 #3F3F3F;
}


ul.literature li {
  min-height: 25px;
  list-style: none;
  margin-left: -40px;
}


/* buttons */
.buttons {
  color:white;
  cursor:pointer;
  display:inline; 
  font-size: 90%;
  line-height:110%;
  margin-left:5px;
  padding: 4px 10px;
  text-decoration:none;
}  /* overflow used to compensate for IE's button width bug */

.buttons[disabled], .printButton[disabled], .messagesButton[disabled] {
	background: darkgrey;
	color: lightgrey;
	cursor: default;
}



.buttonAction {
  display:inline;
}
.formButton,.buttonAction{
}

.buttonBack {
}

html body input.disabled {
  color: #808080;
  background: #CCCCCC;
}

div#container.not-authorised-error div.bodyPanel {
    background: transparent;
    padding-left: 20px;
}


div#container div.bodyPanel.secondaryNavigation {
    background: none repeat scroll 0 0 transparent;
    margin-bottom: 5px;
    margin-left: -20px;
    min-height: 40px;
}

div#container div.bodyPanel.secondaryNavigation div {
	float: left;
    padding-left: 20px;
    padding-right: 20px;
    white-space: nowrap;
}

div#container div.bodyPanel.secondaryNavigation a {
    font-size: 12px;
    line-height: 15px;
}

div#container div.bodyPanel.secondaryNavigation div.last-link {
    border-right: none;
}

div#container.forgotten-username-form div.bodyPanel.secondaryNavigation {
    padding-left: 0px;
}

div#container.page-expired-error div {
    margin: 20px;
    background: white;
}

/* Dashboard - client specific styling */

html div.dashboard div {
    height: 186px;
    width: 170px;
}

html div.dashboard caption {
    color: white;
    padding-bottom: 8px;
    padding-top: 8px;
}

html div.dashboard caption a {
    background: none repeat scroll 0 0 white;
    border-radius: 7px;
}

html div.dashboard caption a.next {
    margin-left: 20px;
}

html div.dashboard caption span {
    height: 15px;
    padding: 0;
}

html body div.dashboard div table caption span a.prev, 
html body div.dashboard div table caption span a.next {
	width: 14px;
	height: 14px;
}

html body div.dashboard div table caption span a.prev {
    float: left;
    margin-left: 10px;
    margin-right: -10px;
}

html body div.dashboard div table caption span a.next {
    float: right;
    margin-left: -10px;
    margin-right: 10px;
}

html div.dashboard caption span.month {
    float: left;
    width: 100%;
}

html div.dashboard table {
    width: 169px;
}

html div.dashboard td, 
html div.dashboard th {
    text-transform: lowercase;
    background: none repeat scroll 0px 0px #F9F9F9;
}

html div.dashboard td {
    border: 1px solid lightgray;
}

html body div.dashboard div table caption span.year a.next {
    margin-left: -23px;
    margin-right: 12px;
}

html body div.dashboard div table caption span.year a.prev {
    margin-right: -20px;
}

html div.dashboard td.active, 
html div.dashboard td.hover {
    color: white;
}

.cookiesError {
    font-size: 150%;
    color: DarkRed;
    margin-bottom: 0.75em;
    margin-top: 160px;   
    text-align: center;
}
 
.cookiesRequiredError {
    text-align: left;
    margin-left: 13em;
    clear: left;
}