body {
color: #4E4E4E;
background-color: #CCC;
}

a, a:hover, a:active {
color: #003E7E;
}

#header-holder {
}

  #header-holder h1,
  #header-holder a,
  #header-holder a:hover {
  color: #FFF;
  }

#place-holder {
background: transparent url('../../img/bg-header.gif') repeat-x top left;
}

#main-holder {
background: #FFF url('../../img/bg-fade-main.gif') repeat-x top left;
}

#footer-holder {
background-color: #CCC;
}

  #footer-holder p {
  color: #4E4E4E;
  }

/* BEGIN COMPONENTS ALERTS */

.message-box {
color: #333;
}

  .message-holder .success {
  background: transparent url('../../img/icons/tick-button.png') no-repeat 10px 7px;
  background-color: #E7F1E5;
  border: 1px solid #E7F1E5;
  }

  .message-holder .info {
  background: transparent url('../../img/icons/information-button.png') no-repeat 10px 7px;
  background-color: #E9EEF4;
  border: 1px solid #E9EEF4;
  }

  .message-holder .warning {
  background: transparent url('../../img/icons/exclamation-button.png') no-repeat 10px 7px;
  background-color: #FAF5EA;
  border: 1px solid #FAF5EA;
  }

  .message-holder .error {
  background: transparent url('../../img/icons/cross-button.png') no-repeat 10px 7px;
  background-color: #F1E5E5;
  border: 1px solid #F1E5E5;
  }

/* END COMPONENTS ALERTS */

/* BEGIN FORM ELEMENTS */

form input,
form textarea {
border: 1px solid #666;
}

/* END FORM ELEMENTS */

/* BEGIN BUTTON ELEMENTS */


  .buttonholder .buttonstart {
  background: url('../../img/bg-button-start.png') no-repeat;
  }

  .buttonholder .buttonstart a {
  color:#000000!important;
  font-size:11px;
  }

    .buttonholder .buttonstart a:hover {
    color:#000000;
    }

  .buttonholder .buttonend {
  background: url('../../img/bg-button-end.png') no-repeat;
  color:#fe9641!important;
  }

/* END BUTTON ELEMENTS */

/* BEGIN BASE TABLE COMPONENT */

.component-table,
.viewTable {
background-color: #FFF;
}

.component-table tr th,
.component-table tr td,
.viewTable thead tr th,
.viewTable tbody tr td {
border-bottom: 1px solid #D8D8D8;
}

.component-table thead tr th,
.viewTable thead tr th {
background: #CCC url('/img/bg-sortbar-trans.png') repeat-x bottom left;
border-left: 1px solid #FFF;
}

  .component-table thead tr th:first-child,
	.viewTable thead tr th:first-child {
	border-left: 0;
	}

.component-table tbody tr:hover,
.viewTable tbody tr:hover {
background-color: #255D94!important;
color: #FFF!important;
}

  .viewTable tbody tr:hover a,
  .component-table tbody tr:hover a {
  color: #FFF;
  }

.component-table tfoot tr td {
border-bottom: 1px solid #999;
}

/* END BASE TABLE COMPONENT */