body {
  margin: 0px;
  padding: 0px;
  width: 990px;
  color: #333333;
  font: normal 12px Arial, Helvetica, sans-serif;    
}
pre {
  font: normal 12px Arial, Helvetica, sans-serif;
}

legend {
  color: #333333;
}

a:link,a:active,a:visited {
  color: #C1002B;
}

a img {
  border: none;
}

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

input,select {
  border: 1px #D0D0D0 solid;
}

label{
  display: block;
  float: left;
  width: 170px;
  font-variant: small-caps;
}

div.tableErrorsPanel {
  clear: left;
}

div.tableErrorsPanel label {
  display: inline-block;
  float: none;
  width: auto;
  padding-right: 5px;
  clear: left;
}

.hidden {
  visibility: hidden;
}

.left {
  text-align: left;
}

.centre {
  text-align: center;
}

.right {
  text-align: right;
}

.justify {
  text-align: justify;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

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

.gap {
  height: 10px;
}

/* colours
Plum Red          165   0  68   #C1002B
Dark Grey         114 121 127   #72797F
Text Grey          51  51  51   #333333
Title Grey         85  85  85   #555555
Border Grey       208 208 208   #D0D0D0
Table Grey        229 229 229   #E5E5E5
Table Grey-Light  242 242 242   #F2F2F2
% plum            229 161 189   #E5A1BD
*/

/* do not colour positive numbers blue anymore
.positive {
  color: #0000FF;
}
*/

.negative {
  color: #FF0000;
}

.neutral {
  /*174341 C6-Portfolio enhancements specifies same color as positive values
  color: #00CC00;
  */
  color: #000000;
}

/* footer */
.footerPanel {
  border-top:1px solid #C1002B;
  clear:both;
  margin:0;
  padding:11px;
  position:relative;
}
.footerPanel p {
  color:#555555;
  font-size:10px;
}
.footerPanel .footerInfo {
  padding-right: 0px;
  text-align: center;
}
.footerPanel .footerInfo p {
  margin:0 0 5px;
  padding:0;
}
.footerPanel .footerInfo .warning {
  border: 1px solid #555555;
  padding: 5px;
  margin: 2px;
}
.footerPanel a.indent {
  padding-left: 35px;
}

/* 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: white;
  border: 1px solid #D0D0D0;
  border-top: 1px solid #F0F0F0;
  padding: 3px;
  margin: 0;
  cursor: pointer;
}

.wicket-aa li.selected {
  background: #316AC5 none repeat scroll 0 0 !important;
  color: white;
}

.dataTable {
  border-bottom: 3px solid #D0D0D0;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
  width: 100%;
}

.dataTable thead th {
  background: #D0D0D0 none repeat scroll 0 0;
  color: #333333;
  font-size: 11px;
  font-weight: bold;
  padding: 5px 8px 4px;

}

.dataTable thead td{
    background: #D0D0D0 none repeat scroll 0 0;
    color: #333333;
    font-size: 11px;
}

.dataTable th span {
  float: left;
}

.dataTable  th.price span {
    float:none;
}

.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;
  text-align: right;
}
.dataTable td.rightAlign span a {
  float: right;
}

/* wicket-tree uses divs rather than spans here */
  

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

.dataTable thead th.wicket_orderNone a {
    text-align:center;
    float:center;
}
.dataTable thead th.wicket_orderNone a {
    color:#333333;
    font-size:11px;
    font-weight: bold;
}

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

.dataTable thead th.wicket_orderDown a{
    text-align:center;
    float:center;
}
.dataTable thead th.wicket_orderDown a{
    color:#333333;
    font-size:11px;
    font-weight: bold;
}
.dataTable thead th.wicket_orderDown a > span {
  background-image: url(../images/arrow_down.gif);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  padding-right:15px;
  cursor: pointer;
}
.dataTable thead th a {
  text-decoration: none;
}
.dataTable tbody tr, .dataTable tbody tr.even,
#eventDetailsTable.dataTable tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}
.dataTable tbody tr.odd, .dataTable tbody tr.alt,
#eventDetailsTable.dataTable tbody tr:nth-child(odd) {
  background-color: #e5e5e5;
}

.dataTable tbody td {
  color:#333333;
  font-size:11px;
  padding:2px 8px 3px;
}
.dataTable .indicator {
  text-align: center;
}

.dataTable .zeroValuedHolding_true {
  cursor: help;
  font-style: italic;
  color: #c1002b;
  background: transparent url(../images/exclamation_mark.gif) no-repeat 0px 0px;
  padding-left: 7px;
}
table.dataTable td.icon {
  width: 13px;
  padding: 2px 2px 3px;
}
.modelsTable td.icon {
  text-align:center;
}
.manageModelTable td.icon {
  text-align:center;
}

.searchMatch {
  font-weight: bold;
  color: #C1002B;
}

/* 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 {
  position: absolute;
  top: 50 %;
  left: 50%;
}

.research #sbox-btn-close {
  display: none;
}


/* sort the following out - portfolio management hackery*/
thead tr td.clientname input  {width:170px;}
thead tr td.productdescription  input {width:120px;}
thead tr td.quantity  input , tbody tr td.quantity input {width:85px;}
thead tr td.holdingvalue  input {width:80px;}
thead tr td.model  input {width:140px;}
thead tr td.frequency  input {width:120px;}
thead tr td.select {padding-left:8px;}

tbody tr td.add-link {width:100px; padding:2px 4px 3px}
thead tr th.add-link {width:100px; padding:5px 4px 4px}
tbody tr td.delete-link {width:15px; padding:2px 4px 3px}
thead tr th.delete-link {width:15px; padding:5px 4px 4px}

.dataTable tbody tr td.inline-edit span.inline-edit > input {
    padding: 0;
    margin: 0;
    background-color: white;
}

.dataTable tbody tr td.inline-edit span.inline-edit > span {
    padding: 0px 15px 0px 0px;
    margin: 0;
    background: url(../images/red-edit2.gif) right no-repeat ;
    cursor:pointer;
}

.dataTable tbody tr td.inline-edit span.inline-edit {
    font-weight:bold;
}

.dataTable tbody tr td.inline-edit {
    padding:0;
    text-align:right;
}

.dataTable tbody tr td.icon {
    white-space:nowrap;
}

.unbalanced span{
  color: #C1002B;
}

.stockSearchInput {
  width:265px;
}

div.stockSearchInput > span.overTxtSpan {
  margin-left:-180px;
  padding-right:60px;
  float:none;
}

.cookiesError {
    font-size: 150%;
    color: DarkRed;
    text-align: center;
    background: transparent url("../images/redBackground.gif") repeat-y scroll 0% 0%;
    clear: left;
    padding: 10px 0px 10px 148px;
    position: relative;
}

.cookiesRequiredError {
    text-align: left;
}