@charset "utf-8";
/* screen stylesheet for CPHoldings. */
/* (c) Taupo Solutions Ltd 2010. Http://www.taupo.co.uk */

/* ------------ global background style --------- */
html {background: #f7f7f7 url(pageBg.gif) repeat 0 0 }
body {background: url(headerBg.gif) repeat-x 0 0}
html {background: url(gradientOverlay.png) bottom center repeat-x, url(pageBg.gif) 0 0 repeat }

/* ------------ Typography, defaults, links --------- */
body {margin: 0; padding: 0; font:80%/1.5 Arial,Geneva,Helvetica,sans-serif; color: #585858; }

h1, h2, h3, h4, h5 {margin: 0; padding: 0; font-weight: normal; font-style: normal}
h1, h2 {color: #1d4a77;font-size: 1.8em; margin-bottom: 0.5em; padding-bottom: 0.5em; letter-spacing: 1px; text-transform: uppercase; text-shadow: 1px 2px 3px rgba(0,0,0,0.2);}
h3 {color: #4d4d4c; font-size: 1.3em; margin-bottom: 1em; text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);}
h4 {color: #4d4d4c; font-size: 1.1em;}

a, a:link, a:visited {color: #2b69ae; text-decoration: none}
a:hover {text-decoration: underline}

table {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
table input[type=text], table input[type=number] {text-align: right}
input[type=text], input[type=number] {width: 96px}

.padded10 {padding: 10px; }
.paddedTB {padding: 15px 0;}
.padded15 {padding: 0 15px 15px 15px;}
.paddedFull {padding: 15px; }
.topContent {padding: 5px 15px 15px 15px; }
.paddedRBL {padding: 0px 20px 20px 20px; min-height: 600px;}
.paddedTRBL {padding: 30px 20px 20px 20px; min-height: 600px;}

.col1 {padding: 0 15px 15px 20px}
.col2 {padding: 0 15px 15px 15px}
.col3 {padding: 0 20px 15px 15px}
.larger {font-size: 1.12em}

.height500 {min-height: 500px}
Xth {text-align: left}
/* ------------ Site master structure --------- */
#header {height: 66px; color: white; font-size: 22px; padding-top: 35px;   text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);}

#adminMenu {height: 40px;}
#adminMenu ul { list-style-type: none; margin: 0; padding: 2px 0 0 3px; position: absolute; }
#adminMenu li {float: left; display: table-cell; padding: 0px 0px;margin: 0; font-size: 1.2em; line-height: 38px; }
#adminMenu li a, #adminMenu li a:visited {color: white; display: block; padding: 0px 30px; margin-right: 3px;}
#adminMenu li a:hover {text-decoration: underline; background: url(menubgover.gif) repeat-x 0 0;}
#adminMenu img {padding-top: 7px; padding-right: 5px; float: left}


#footer {margin-top: 15px; padding-top: 15px; height: 102px; border-top: 1px dotted #ccc}

/* ------------ Content styling --------- */
#logitin input[type=text] {min-width: 280px}
input.small {width: 120px; min-width: 120px}
input.large {width: 600px;}
.row {clear: both; margin: 5px 0}
label {display: inline-block; width: 100px; text-align: right; margin-right: 15px}

.reportTable td, .reportTable th { padding: 2px 4px; text-align: right}



.reportTable tr:nth-child(odd) td, .reportTable tr:nth-child(odd) th {background-color: #ededed}
.subTotal td, .subTotal th {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 4px}
.total td, .total th {border-top: 2px solid #666}

.reportTable thead tr th {border-bottom: 1px solid #ccc; background-color: transparent!important; text-align: center}

td.ajax {background: url(ajax.gif) no-repeat left center}
td.got {background: url(tick.png) no-repeat left center}
td.alert {background: #C10005}

#balanceTable {color: #000}
#balanceTable thead th {border-bottom: 1px solid #ccc; padding: 5px; border-right: 1px solid #ccc}

#balanceTable tr:nth-child(odd) td {background: #fff; transition: background-color 0.2s;}
#balanceTable tr:nth-child(even) td {background: #eee; transition: background-color 0.2s;}
#balanceTable tr:hover td {background: #ddd; color: #000}
#balanceTable td {padding: 2px 5px; border-right: 1px solid #ccc}
#balanceTable td.noBorder {border-right: none}

#balanceTable {border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc}
#balanceTable .totalRow td {border-top: 1px solid #444}

.textRight {text-align: right!important}
.textCenter {text-align: center!important}
.textLeft {text-align: left!important}

.forceLeft {text-align: left!important}
.forceRight td {text-align: right}

.ruleOff td {border-top: 1px solid #ccc}

.boxMe {padding: 5px 15px 15px 15px; border: 1px solid #ccc; border-radius: 5px; width: 550px; margin-bottom: 15px}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}