/* ---- Default style override --- */
body {
    background: #D4AC0E url('../img/crsbg.jpg') no-repeat left top;
    font-size:80%;
}

#header {
    padding: 0;margin 0;
}

#header h1 {
    background: #D4AC0E url('../img/crsheader.jpg') no-repeat left;
    color: #D4AC0E;
    padding:45px 0 15px 40px;
    height: 70px;
    margin: 0;
}
#header h1 a {
    color: #000;
    background: transparent;
    font-weight: bold;
    text-decoration: none;
    font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
    font-size: 28px;
}
#header h1 a:hover {
    text-decoration: underline;
    color: #000;
    background: transparent;
}

#sites_nav  {
    margin-left: 40px;
    font-size: 11px;
    width: 80%
    margin: 0 auto;
    padding: 0;
}
#sites_nav a {
    color: black;
    font-weight: bold;
}

#secondary_nav  {
    top: 3.5em;
}
#secondary_nav a {
    color: black;
    font-weight: bold;
}
#secondary_nav span {
    color: #333333;
}

#main_nav {
    background:transparent;
    font-weight:bold;
    margin-left: 55px;
    padding:0;
    position:absolute;
    top:7em;
    width: auto;
}
#main_nav .navigation a {
    font-weight: bold;
}
#main_nav .navigation a:hover, .navigation a.active {
    background-color: #F0E3AE;
    font-weight: bold;
}

#footer {
    background: #D4AC0E url('../img/crsfooter.jpg') no-repeat left;
    height: 60px;
    padding: 0 10px;
}

div#content {
    background: #F9EFD6 url(../img/crs.gif) no-repeat right bottom;
    padding: 0 20px;
    min-height: 480px;
    opacity: 0.94;
    #filter: alpha(opacity=94);
}

h1.title {
    padding: 0;
    color:#555555;
    font-size:160%;
    font-weight: bold;
    text-transform:uppercase;
}

h2 {
    background: transparent;
    color: #D4AC0E;
    margin-bottom:1em;
}

div.message {
    background-color:white;
    margin:0 auto;
    padding:15px;
    width:800px;
    text-align: center;
    border: 5px solid darkred;
}

.crs p.subtitle {
    font-size: 120%;
    font-weight: bold;
    text-align: right;
    text-decoration: underline;
    margin: 0 0 0.5em 0;
    color: #555555;
}

.crs p.subtitle span {
    background-color: #F0E3AE;
    padding: 3px;
    border: solid 1px #D4AC0E;
}

/* Paging */
div.paging {
    background: transparent;
    margin-bottom: 1em;
    text-align:center;
}
div.paging span {
}
div.paging span.current, div.actions ul li span {
    border:2px dotted #333333;
    color: #333333;
    padding: 4px 5px;
    font-weight: bold;
}
div.paging span a, div.actions ul li a, a.actions {
    background: #F0E3AE url('../img/header.png') repeat-x scroll 50% 50%;
    padding: 2px 5px;
    margin: 0 2px;
    border: 1px solid #d3d3d3;
    text-decoration: none;
    color: #555555;
}
div.paging span a:hover, div.actions ul li a:hover, a.actions:hover {
    background: #D4AC0E url('../img/headerdark.png') repeat-x scroll 50% 50%;
    color: #222222;
    text-decoration: none;
}
.crs a.actions {
    background: #F0E3AE url('../img/header.png') repeat-x scroll 50% 50%;
    color: #555555;
}
.crs  a.actions:hover {
    background: #D4AC0E url('../img/headerdark.png') repeat-x scroll 50% 50%;
}

div.login
{
    width: 600px;
    margin: 0 auto;
    padding: 20px;
}
div.login form { width : 100%; }
fieldset legend {
    background-color: transparent;
    color: #D4AC0E;
}

div.error-message {
    padding: 0;
    margin:0;
    font-size: 80%;
}

.crs div.actions li {
    margin: 0 1em 0 0;
    font-size: 11px;
}

/* --- crs specific --- */

div.crs
{
    width: 800px;
    margin: 0 auto;
    height: 100%;
    background: white;
    padding: 20px;
}

.crs p
{
    margin-bottom: 2em;
    text-indent:3em;
    text-align:justify;
}

.crs a {
    background: transparent;
    color: #777;
    text-decoration: none;
}
.crs a:hover {
    text-decoration: underline;
}

.crs ul.crs {
    margin-bottom: 2em;
    list-strul: square inside;
}
.crs ul.crs li {
    margin: 5px 12px;
}

.crs h3
{
    font-weight: bold;
    padding-top: 0;
    color: #D4AC0E;
}

.crs form {
    width: 100%;
    margin: 0;
}

.crs table.centercells td {
    text-align: center;
}

.crs table.crsCase
{
    border: solid 1px #D4AC0E;
}

.crs table.crsCase > tr > td, .crs table.crsCase > tbody > tr > td {
    text-align: left;
    border: 0;
}

.crs table.crsCase tr td.required {
    font-weight: bold;
}

.crs table.crsCase tr th {
    background-color: #F0E3AE;
    border-color:#FFFFFF #D4AC0E #D4AC0E #FFFFFF;
}
.crs table.crsCase tr th label.viewlabel, .crs table.nostyle tr th label.viewlabel{
    padding: 0;
}
.crs table.crsCase tr td.sectionTitle {
    color: #333333;
    background-color: #F0E3AE;
    font-weight: bold;
}

.crs table.crsCase tr td.value {
    font-weight: bold;
    border-bottom:1px solid #CCCCCC;
}

.crs table.crsCase tr td.darkred {
    color: darkred;
}

.crs table.crsCase td.right {
    text-align: right;
}
.crs table.crsCase td.center {
    text-align: center;
}
.crs table.crsCase td.middle {
    vertical-align: middle;
}
.crs table.crsCase tr td.total {
    font-weight: bold;
    background-color: #F9EFD6 !important;
    border-bottom: solid 1px #FBF9EE;
    border-right: solid 1px #FBF9EE;
}

.crs table.crsCase tr.invalidpayment{ color: red; }
.crs table.crsCase tr.pot_flagged{ color: red; }

.crs input, textarea {
    padding: 0;
    font-size: 100%;
    /*text-transform:uppercase*/
}
.crs .noupper { text-transform: none; }
.crs input.numeric, .crs input.decimal { text-align: right; padding-right: 1px; }

.crs input.total {
    color: #990000;
    font-weight: bold;
    text-align: right;
}

.crs label {
    display: inline;
    font-size:100%
}

.crs .checkbox label{
    width: 110px;
    display: inline-block;
}

.fixlabel label { display: inline-block; width: 150px; padding: 0; }

.crs input[type="checkbox"] {
    clear:none;
    float:none;
}

.crs input[type="radio"] {
    float:none;
}

.crs select[multiple="multiple"] {
    width:35%;
}

.crs div.checkbox {
    clear:none;
    float:left;
    margin: 0; padding: 0;
}

.crs div.submit {
    margin: 0;
    text-align: right;
}
.crs div.submit input, .crs input[type="submit"] {
    text-transform: none;
}

.crs th {
    background-color: #F0E3AE;
}
.crs th a {
    color: #888888;
}
.crs th a:hover {
    background-color: #D4AC0E;
}


/*
 * crs_steps
 */

.crs_steps{
    height:30px;
    line-height:30px;
    margin-top:10px;
}

.crs_steps li{
    display:block;
    float:left;
}

.crs_steps a{
    background: transparent;
    font-weight: normal;
    display:block;
    float:left;
    padding:0 12px;
    text-decoration:none;
}
.crs_steps a:hover, .crs_steps a.active {
    background: #D4AC0E;
    text-decoration: none;
    white-space: nowrap;
}

.crs div.section {
    border: 1px solid #D4AC0E;
}

form div.worldpay-form{
    clear: none;
    padding: 0;
}
/*
 * Coresoft overrides
 */
.coresoft table{ border-color: #d3d3d3; }
.coresoft th, .coresoft th a {
    background:#F0E3AE url('../img/header.png') repeat-x scroll 50% 50%;
    border-color:#F0E3AE #D3D3D3 #D3D3D3 #F0E3AE;
    font-weight: normal;
}
.coresoft th a:hover {
    background: #D4AC0E url('../img/headerdark.png') repeat-x scroll 50% 50%;
    text-decoration: underline;
}
.coresoft th.dark {
    background: #D4AC0E url('../img/headerdark.png') repeat-x scroll 50% 50%;
}
table tr.altrow td { background-color: #FBF9EE; }

input[type="submit"].search{
    background:#F0E3AE url('../img/header.png') repeat-x scroll 50% 50%;
    border: 1px solid #d3d3d3;
    padding: 2px 2px 3px 2px;
    color: #555555;
}
.ie7 input[type="submit"].search{
    padding: 2px;
}
.ie8 input[type="submit"].search{
    padding: 3px 2px;
    margin-bottom: 1px;
}

input[type="submit"].search:hover {
    background: #D4AC0E url('../img/headerdark.png') repeat-x scroll 50% 50%;
    color: #222222;
}

/* -- search bank transfer -- */
.crs .search_transfer input[type="radio"] { float:left; }
.crs .search_transfer label { display: block; }
.crs .search_transfer div.submit { text-align: left; }
.crs tr.search_transfer td {
    background-image:-moz-linear-gradient(center top , #FFFFFF, #F0E3AE);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF,endColorStr=#F0E3AE);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F0E3AE));
    border-bottom: solid 1px #dedede;
}
.crs tr.search_transfer.altrow td {
    background-image:-moz-linear-gradient(center top , #FBF9EE, #F0E3AE);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FBF9EE,endColorStr=#F0E3AE);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FBF9EE), to(#F0E3AE));
    border-bottom: solid 1px #dedede;
}
.crs tr.search_transfer td.actions, .crs tr.search_transfer.altrow td.actions { background-image: none; background: #F4F4F4; border-bottom: 0; }
/* -- search bank transfer -- */

/* -- settlement date form style -- */
div#settlement_date_form {
    width: 480px; height: auto; display:none; border: solid 1px #dedede; padding: 1.5em;
    background-image:-moz-linear-gradient(center top , #FBF9EE, #F0E3AE);
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FBF9EE,endColorStr=#F0E3AE);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FBF9EE), to(#F0E3AE));
    }
/* -- settlement date form style -- */

form div.paypoint-form { padding: 0; }

div.jqmOverlay{ background-color: #555; }
div#paymentConfirm {width: 480px; border: solid 1px #F0E3AE; padding: 1em; text-align: center;background-color: white;}

@media print{
    @page {margin: 11.5mm 10mm;}
    html { margin: 0; }
    body { background: none; font-size:70%; overflow:hidden; margin: 0; }
    div#content { background: none; padding: 0 !important; margin: 0 !important; min-height: 0; opacity: 1; #filter: alpha(opacity=100); }
    div.crs { width: 670px;height: auto; padding: 0 !important; margin: 0 !important; }

    table.printborders{ border-collapse: collapse; }
    table.printborders > tbody > tr > th.printborder, table.printborders > tbody > tr > td.printborder {border: solid 1px #D4AC0E;}

    .pagebreak { page-break-after: always; }
    div.chart, .pagebreakavoid { page-break-inside: avoid; }
}