/* elite_general.css */

@keyframes blink {  
    0% { opacity: 0; }
    50% { opacity: 1;}
    100% { opacity: 0; }
}

/*formatting for @media*/
@media screen {

* {
margin: 0;
padding: 0;
}

body {
background-color: #ffffff;
padding : 0;
border : 0;
margin : 0;
font:0.75em Tahoma,Arial, Helvetica, sans-serif;
}

a {text-decoration: none;}
a:link {color:#440044;}      /* unvisited link */
a:visited {color:#000000;}  /* visited link */
a:hover {color:#000044; text-decoration: underline; text-shadow : 1px 1px 0px #bbbbbb; z-index: 1;}  /* mouse over link */
a:active {color:#000000;}  /* selected link */ 

input {font-size: 1em}
/* select used to be 1em - what will this affect?*/
select {font: 1em Tahoma,Arial, Helvetica, sans-serif; }
table {font-size: 1em;}

th {padding: 3px 10px 3px 10px; border-bottom: 1px solid #AAAAAA;}

/*formatting for various columns*/
td.ccycodecolumn { padding: 0.1em 0.3em}

div.elite_pagemain {
padding: 90px 10px 60px 10px;
margin: 0;
}

span.cred_red {color: #b00;}

/* this is for the calendar links */
a#elite_calendarlink { text-decoration: none;}
a img { margin: 0 0 -0.5em 0; text-decoration: none;}


div.elite_pagemain fieldset {border: 1px solid grey; border-radius: 4px 4px 4px 4px; padding: 10px;}
div.elite_pagemain form {padding:10px; margin:10px;}
div.elite_pagemain label {min-width: 4em; display: inline-block; text-align:right; padding-right:5px; }

div.elite_pagemain table {
border : 1px solid #AAAAAA;
margin : 10px;
/*border-collapse: collapse;*/
}

div.elite_pagehead {
padding : 0;
height : 81px;
position : fixed;
top : 0;
width : 100%;
border-left : none;
border-bottom : 1px solid gray;
background: #abcdff url('images/elite-back.png') repeat left top;
z-index:5;
}

div.elite_pagehead h1 {
padding : 0;
border : 0;
margin : 2px;
font-size : 1em;
height: 80px;
width: 136px;
background:transparent url('images/elite-small.png') no-repeat left top;
color: transparent;
float: left;
}

div.elite_pagehead h2 {
border : 0;
margin : 0;
font-size : 1em;
padding: 0.7em 0.1em 0.1em 12em;
white-space: nowrap;
color: #440000;
}

span#elite_coycode {font-size: 1.4em; text-shadow : none; /*1.5px 1.5px 0px #8888dd;*/ }
span#elite_coyname {font-size: 1.4em; padding-left: 0.8em ; color: #005500; text-shadow : none;}
span#elite_coyid { font-size: 0.8em; padding-left: 1em;}

div.elite_pagehead table {
font-size : 1em;
border : none;
padding : 7px 25px 0 25px;
}

div.elite_pagefooter {
padding : 5px 0px 5px 20px;
position : fixed;
bottom : 0;
width : 100%;
height : 32px;
border-left : none;
border-bottom : none;
border-top : 1px solid gray;
background : #abcdff url('images/elite-back.png') repeat top left;
}

div.elite_status { position: fixed; bottom: 20px; left:10px; font-size: 1.3em; }

span#status_error { color: red; animation: blink 1.5s linear infinite;}
span#status_warning { color: orange;}
span#status_good { color: blue;}
span#status_normal { color: green;}

div.alphacodelist ul li {display:inline;}

div.elite_connection ul li {display:inline; padding: 2px 20px 0 0; float: left;}

div.elite_connection { position: fixed; margin: 0; padding: 0; left: 10px; bottom: 3px;  height:15px; overflow:hidden; }
div.elite_connection ul { margin:0; padding:0; }

div.elite_license { position: fixed; margin: 0; right: 10px; bottom: 3px; background-color: white; padding: 0 10px;}

/*body hr {
visibility : hidden;
}*/


div.elite_setdate
{
float: left;
clear: left;
width: 480px;
padding: 10px 10px 0px 10px;
margin: 20px 0px 80px -10px;
}

div.elite_setdate input 
{
font-size: 1.05em;
}



div.elite_menu1, div.elite_menu2
{
width: 240px;
top : 100px;
float: left;
}

div.elite_submenu
{
width: 192px;
padding: 2px 5px 2px 5px;
border: 1px solid #ccc;
margin: 8px 8px;
}

div.elite_submenu h4
{
margin: 2px 2px 4px 10px ;
}

div.elite_submenu ul
{
list-style: none;
}

div.elite_submenu li
{
width: 180px;
margin: 1px 0px 2px 0px ;
padding: 1px 2px 1px 10px;
}


/*
Sales                  Light Green	sales
Purchases              Light Pink	purcs
Donations              Light Orange	memdon
Banking                Light Blue	banks
Products               Light Brown	prods
Management             Light Yellow	coyman
Reporting & Utilities  Light Grey	reprt
*/	

div.elite_pagemain tr:nth-child(2n+1) { background-color : #eee;}
div.elite_pagemain tr:nth-child(2n) { background-color : #fff;}


div.elite_sales tr:nth-child(2n) {    background-color: #fff;}
div.elite_sales tr:nth-child(2n+1) {    background-color: #e1f8e1;}
div.elite_sales th {  background-color: #c6f1c6}
div.elite_sales form { border: 2px solid #c6f1c6; background: none repeat scroll 0% 0% #e1f8e1; padding: 10px; }
div.elite_menusales li {background-color: #c6f1c6; background: -moz-linear-gradient(left,  #c6f1c6,  #fff, #c6f1c6);}

div.elite_purcs tr:nth-child(2n) {    background-color: #fff;}
div.elite_purcs tr:nth-child(2n+1) {    background-color: #fff0ff;}
div.elite_purcs th {  background-color: #ffe3ff}
div.elite_purcs form { border: 2px solid #ffe3ff; background: none repeat scroll 0% 0% #fff0ff; padding: 10px; }
div.elite_menupurcs li {background-color: #ffe3ff; background: -moz-linear-gradient(left,  #ffe3ff,  #fff, #ffe3ff);}

div.elite_memdon tr:nth-child(2n) {    background-color: #fff;}
div.elite_memdon tr:nth-child(2n+1) {    background-color: #fff0e1;}
div.elite_memdon th {  background-color: #ffe3c6}
div.elite_memdon form { border: 2px solid #ffe3c6; background: none repeat scroll 0% 0% #fff0e1; padding: 10px; }
div.elite_menumemdon li {background-color: #ffe3c6; background: -moz-linear-gradient(left,  #ffe3c6,  #fff, #ffe3c6);}

div.elite_banks tr:nth-child(2n) {    background-color: #fff;}
div.elite_banks tr:nth-child(2n+1) {    background-color: #e8e8ff;}
div.elite_banks th {  background-color: #d4d4ff}
div.elite_banks form { border: 2px solid #d4d4ff; background: none repeat scroll 0% 0% #e8e8ff; padding: 10px; }
div.elite_menubanks li {background-color: #d4d4ff; background: -moz-linear-gradient(left,  #d4d4ff,  #fff,  #d4d4ff);}

div.elite_prods tr:nth-child(2n) {    background-color: #fff;}
div.elite_prods tr:nth-child(2n+1) {    background-color: #f0e8e1;}
div.elite_prods th {  background-color: #e2d4c6}
div.elite_prods form { border: 2px solid #e2d4c6; background: none repeat scroll 0% 0% #f0e8e1; padding: 10px; }
div.elite_menuprods li {background-color: #e2d4c6; background: -moz-linear-gradient(left,  #e2d4c6,  #fff, #e2d4c6);}

div.elite_coyman tr:nth-child(2n) {    background-color: #fff;}
div.elite_coyman tr:nth-child(2n+1) {    background-color: #f9f9e1;}
div.elite_coyman th {  background-color: #f4f4c6}
div.elite_coyman form { border: 2px solid #f4f4c6; background: none repeat scroll 0% 0% #f9f9e1; padding: 10px; }
div.elite_menucoyman li {background-color: #f4f4c6; background: -moz-linear-gradient(left,  #f4f4c6,  #fff, #f4f4c6);}

div.elite_reprt tr:nth-child(2n) {    background-color: #fff;}
div.elite_reprt tr:nth-child(2n+1) {    background-color: #f5f5f5;}
div.elite_reprt th {  background-color: #ececec}
div.elite_reprt form { border: 2px solid #ececec; background: none repeat scroll 0% 0% #f5f5f5; padding: 10px; }
div.elite_menureprt li {background-color: #ececec; background: -moz-linear-gradient(left,  #ececec,  #fff, #ececec);}

/*style the entire control bar setup*/

nav.elite_control a, nav.elite_control form {display: inline; }

div.breadcrumbs_menu 
{font-size: 0.9em; color: #880000; padding: 0.5em 0 0 13.3em;}
div.breadcrumbs_menu a {color: #880000;}
div.breadcrumbs_menu a:after {
content : "⇒";
padding-left: 1px;
padding-right: 1px;
}

/*I've disabled the text-decoration for these links, the use of 
:after elements means for some reason means that element gets
styled with underline despite my request for it not to be. */
div.breadcrumbs_menu a:hover {text-decoration: none; font-style: italic;}
div.breadcrumbs_menu a:hover:after {text-decoration: none; text-shadow: none;}

div.breadcrumbs_menu a:last-child:after {
content : "";
}

div.form_menu {border-top: 1px solid #8888aa; border-bottom: 1px solid #8888aa; position: absolute; top: 71px; left: 0px; width: 100%; background-color: #fcfce4; padding: 0px 1px 1px 10px; height: 12px; z-index: 6; }

div.elite_welcome, div.elite_adverts {
   background-color: #EEFaFF;
   float: right;
   clear: right;
   border: 2px solid gray;
   right: 20px;
   height: 120px;
   width: 120px;
   padding: 20px 20px;
   margin: 20px;
   border-radius: 4px;
}

div.elite_login fieldset { 
width: 220px;
}

.elite_littletext { font-size:80%}

div.elite_login form fieldset label {font-size: 12px; min-width: 80px;}
div.elite_login form fieldset {border: 2px solid grey;}

div.acinfopanel { 
border: 3px double black; 
padding: 8px; 
width: 18em; 
position:absolute; 
left:43em; 
top: 11em; 
margin: 4px; 
background: white; }
div.acinfopanel dl dt { display: inline-block; width: 8em; text-align: right; border: 1px dotted blue; margin: 1px; padding: 2px 1px; }
div.acinfopanel dl dd { display: inline-block; width: 9em; border: 1px dotted grey; }

div.reconcileinfopanel { 
border: 3px double black; 
padding: 8px; 
width: 24em; 
position:absolute; 
left:55em; 
top: 11em; 
margin: 4px; 
background: white; }
div.reconcileinfopanel dl dt { display: inline-block; width: 12em; text-align: right; border: 1px dotted blue; margin: 1px; padding: 2px 1px; }
div.reconcileinfopanel dl dd { display: inline-block; width: 9em; border: 1px dotted grey; }



/* the 'form' at the start of this line needed
to be added to make it more specific that 
the general fieldset styling earlier */

form fieldset.naccinfopanel
{
border: 3px double black; 
border-radius: 0px;
padding: 8px; 
width: 18em; 
position:absolute; 
left:51em; 
top: 11em; 
margin: 4px; 
background: white; }
fieldset.naccinfopanel dl dt { display: inline-block; width: 8em; text-align: right; border: 1px dotted blue; margin: 1px; padding: 2px 1px; }
fieldset.naccinfopanel dl dd { display: inline-block; width: 9em; border: 1px dotted grey; }


form fieldset.prdinfopanel
{
border: 3px double black; 
border-radius: 0px;
padding: 8px; 
width: 18em; 
position:absolute; 
left:480px; 
top: 11em; 
margin: 4px; 
background: white; }
fieldset.prdinfopanel dl dt { display: inline-block; width: 8em; text-align: right; border: 1px dotted blue; margin: 1px; padding: 2px 1px; }
fieldset.prdinfopanel dl dd { display: inline-block; width: 9em; border: 1px dotted grey; }

#kdonate { width: 88em;}
fieldset.donationsinput {
width: 84em;
}
fieldset.donationsinput label{
padding-left: 50px;
}

span.monetarydisplay { float:right;}
form fieldset { width: 45em;}
  div.elite_entity form { width: 50em; }
  div.elite_entity { min-width: 55em; }
  div.elite_name form { width: 62em; }
  div.elite_name { min-width: 89em; }
  div.elite_reconcile form { width: 80em; }
  div.elite_reconcile { min-width: 85em; }
  div.elite_userco form { width: 50em; }
  div.elite_userco { min-width: 55em; }
  div.elite_account form { width: 70em; }
  div.elite_account { min-width: 75em; }
  div.elite_product form { width: 58em; }
  div.elite_product { min-width: 63em; }
  div.elite_transac form { width: 80em; }
  div.elite_transac { min-width: 88em; }
  div.elite_deposit form { width: 52em; }
  div.elite_deposit { min-width: 57em; }
/* this relates to elitepurcs.php */
  div.elite_invo form { width: 95em; margin-right: 10em; }
  div.elite_invo { min-width: 105em; }
  div form fieldset { background: none repeat scroll 0% 0% white; margin-bottom: 20px; }
  div form legend { font-weight: bold; }
fieldset.accountname
{ width: 36em; height: 8em; margin-bottom:2em;}
fieldset.accountname input
{ width: 4em; font-size: 120%;}
fieldset.accountname input:nth-of-type(6)
{ width: 16em; font-size: 120%;}
fieldset.prodname
{ width: 34em; height: 6em; margin-bottom:6em;}
fieldset.userconame input
{ font-size: 120%}
fieldset.bankdeposit
{ width: 40em;}
fieldset.bankdeposit label
{min-width: 8.5em;}
fieldset.prdotherdetail
{width: 56em;}
fieldset.prdotherdetail label
{min-width: 8.5em;}
fieldset.vatmaint {width: 37em;}
fieldset.vatmaint i {display: block; width: 18em; border: 1.5px dotted #cc4400; padding: 5px; margin: 3px 0 3px 5em ;}
fieldset.vatmaint i:nth-child(3) {display: inline-block; }
fieldset.vatmaint i:nth-child(5) {display: inline-block; }
fieldset.vatmaint label {width :14em; margin: 2em 0 0.5em 0; }
fieldset.vatmaint p:nth-child(2) label { margin-top: 0.5em; }
fieldset.rcbankset {width: 50em; margin-bottom: 8em;}
fieldset.rcbankset * {display: block; }
fieldset.rcbankset input {display: inline-block; }
fieldset.rcbankset input:nth-of-type(2) { margin-left: 2.5em; }
fieldset.rcbankset select {display: inline-block; }
fieldset.rcbankset a:nth-of-type(1) { margin: 0.15em; padding: 0.15em; border: 0.15em solid #555;}
fieldset.rcbankset a {display: inline-block; }
/*fieldset.rcbankset a img {display: inline-block; }*/

input.numericnodpinput {text-align:right;}

span.usrcode { margin-right: 0.2em; color: #555;  font-weight: bold; }
div.control_menu {padding : 0 0 0 12em; min-width: 80em;}
div.control_menu select:nth-of-type(1) { margin-right: 2em; }
div.control_menu input:nth-of-type(3) { margin-right: 2em; }
div.control_menu input:nth-of-type(1) { width: 6em; }
div.control_menu a img { height: 0.9em; margin: 0;}
div.control_menu a { height: 0em;}
div.control_menu a:nth-child(2) {  
font: normal normal 1em Tahoma,Arial,Helvetica,sans-serif; 
color: #33a; 
border-radius: 0px; 
border: 0.1em solid grey;
outline: none;
padding: 1px 0px 1px 2px;
background: #eee;
margin-right: 2em;
}
div.control_menu form input,select {
font: normal normal 1em Tahoma,Arial,Helvetica,sans-serif; 
color: #33a; 
border-radius: 0px; 
border: 0.1em solid grey;
outline: none;
padding: 1px 1px 1px 2px;
background: #eee;
}
div.control_menu { height: 1.5em;}
/*div.control_menu form { border: 1px solid red; height: 2em; width: 10em;}*/
div.control_menu form select { height: 1.6em; }

div.elite_invoprnt div table tr td,
div.elite_invoprnt div table tr th {padding: 0.4em}
div.elite_invoprnt { width: 600pt; padding: 0.5em; margin: 0.5em;}


}
/*formatting for @media ENDS*/

/* formatting for all media */

/*try removing these next 2 paragraphs at some point*/
div.elite_report {margin-left:1em;}
div.elite_report table {margin: 0; border: none; border-collapse: collapse;}

div.elite_report h2,
div.elite_report h3,
div.elite_report h4,
div.elite_report h5,
div.total_level2,
div.total_level3,
div.total_level4,
div.total_level5 {margin-left: 0;}

div.elite_report h2,
div.total_level2 {font-size: 2.2em; font-weight: 900;}

div.elite_report h3,
div.total_level3 {font-size: 1.8em; font-weight: 800;}
div.total_level3 {padding-bottom: 10px;}
div.total_level3 span.subtotaltext {width: 11.1em; display: inline-block;}
div.total_level3 span.subtotalnumber {width: 10em; display: inline-block; text-align: right; font-size: 0.5555em;}

div.elite_report h4,
div.total_level4 {font-size: 1.6em; font-weight: 700;}
div.total_level4 {padding: 0.1em 0 0.4em 0;}
div.total_level4 span.subtotaltext {width: 12.5em; display: inline-block;}
div.total_level4 span.subtotalnumber {width: 10em; display: inline-block; text-align: right; font-size: 0.625em;}

div.elite_report h5,
div.total_level5 {font-size: 1.2em; font-weight: 600;}
div.total_level5 {padding: 0.1em 0 0.4em 0;}
div.total_level5 span.subtotaltext {width: 16.667em; display: inline-block;}
div.total_level5 span.subtotalnumber {width: 10em; display: inline-block; text-align: right; font-size: 0.8333em;}

div.elite_report tr td:nth-child(1) { width: 20em;}
div.elite_report tr td:nth-child(2) { width: 10em;}


div.elite_invoprnt div { padding: 0.5em; margin: 0.5em;}
div.elite_invoprnt div.coyinfopanel {width:50%; float: right; clear: both; margin-left: 2em;}
div.elite_invoprnt div.custinfopanel {width:38%; float: left; clear: right;}
div.elite_invoprnt div.invoprntbody {width:100%; float: left; clear: both; }
div.elite_invoprnt div.coycontactpanel {width:50%; float: right; clear: both;}
div.elite_invoprnt div.docuinfopanel {width:50%; float: right; }
div.elite_invoprnt h1 {width:100%; float: center; clear: both; text-align: center;}
div.coycontactpanel p span { text-align: right; display: inline-block;}
div.coycontactpanel p span:nth-child(1) {font-weight: bold; width: 14em;}
div.coycontactpanel p span:nth-child(2)   { width: 11em;}
div.docuinfopanel p span { text-align: right; display: inline-block;}
div.docuinfopanel p span:nth-child(1) { font-weight: bold;  width: 14em;}
div.docuinfopanel p span:nth-child(2) { width: 11em;}
div.invoprntbody table {border-collapse: collapse; }
div.invoprntbody table tr td {border: 1pt solid black; }
div.invoprntbody table tr th {border: 1pt solid black; }
div.elite_invoprnt form { position: fixed; bottom: 1em; left: 1em;}
div.coyinfopanel h2 {font-size: 14pt; font-weight: normal; text-transform:uppercase;}
div.coyinfopanel p {font-size: 12pt; font-weight: normal; margin-bottom:2em;}


td.monetarycolumn {text-align: right;}
td.pricecolumn {text-align: right;}
td.qtycolumn {text-align: right;}
td.ccycodecolumn {text-align: center;}
td.vatcodecolumn {text-align: center;}
td.productnamecolumn { width: 25em;}


/* formatting for all media ENDS*/


/*formatting for @media print*/
@media print {

div.elite_invoprnt { font-size: 0.72em;}
div.elite_invoprnt form { display: none;}
div.elite_invoprnt { line-height: 1;}
div.elite_invoprnt * { line-height: 1; }
div.elite_invoprnt div p span{ margin: 0; padding: 1pt;  /*border:1pt solid green;*/}
div.elite_invoprnt div p { margin: 0; padding: 0;  /*border:1pt solid blue;*/}
div.elite_invoprnt div { margin: 0; padding: 0;/* border: 1pt solid red;*/ }
div.elite_invoprnt h1 { padding: 0.5em; }
div.elite_invoprnt div h2,
div.elite_invoprnt div h3,
div.elite_invoprnt div h4 { margin: 0; padding: 0;}
div.elite_invoprnt div.coyinfopanel h2 {font-size: 14pt; font-weight: normal; text-transform:uppercase;}
div.elite_invoprnt div.coyinfopanel p {font-size: 12pt; font-weight: normal; margin-bottom:2em;}
div.elite_invoprnt div table tr td,
div.elite_invoprnt div table tr th {padding: 3pt}
div.elite_invoprnt div.custinfopanel {padding-bottom: 2em;}

/*examples
h1 {text-transform:uppercase;}
h2 {text-transform:capitalize;}
p {text-transform:lowercase;} 
*/

div.elite_pagefooter { display : none; }
div.elite_pagehead h1,
div.elite_pagehead nav {display : none; }

#elite_coycode,#elite_coyid {display: none;}
div.elite_reprtctrl {display: none;}
#elite_coyname {display: inline;}

q {
quotes : none;
}
q:before, q:after {
content : "";
}
header, hr, header nav, footer, img {
display : none;
}


h1,h2,h3,h4,h5,h6 {
padding: .05em;
margin: .1em;
}

body {
font : 12pt Georgia, "Times New Roman", Times, serif;
line-height : 1.3;
color : #000;
}
h1 {
font-size : 18pt;
}
h2 {
font-size : 16pt;
margin : 10pt 0pt;
padding : 0pt;
}

.elite_pagemain h2, h3 {
font-size : 12pt;
margin : 10pt 0pt 10pt 0pt;
padding : 0pt;
font-style : italic;
}
.elite_pagemain h1 {display: none;}
.elite_pagemain table
{
border-collapse: collapse;
}
/* hd? some mistake? */
.elite_pagemain hd,
.elite_pagemain td
{
padding: 4pt;
}

/*try removing these next 2 paragraphs at some point*/
/*div.elite_report * {border: 1pt solid yellow}*/
div.elite_report {margin-left: 0;}
div.elite_report table {margin: 0 0 0 10pt; padding: 0; border: none; border-collapse: collapse;}
div.elite_report table th,
div.elite_report table td {margin: 0; padding: 0; border: none;}

div.elite_report h2,
div.elite_report h3,
div.elite_report h4,
div.elite_report h5,
div.total_level2,
div.total_level3,
div.total_level4,
div.total_level5 {margin-left: 10pt;}


/* this can be used later when the page structure is better, remember to bug report the replacement of elite_pageheader|footer*/
header nav, footer, img {
display : none;
}
img {
border : 0;
}

blockquote {
font-size : 13pt;
font-style : italic;
}
a {
color : #000;
text-decoration : none;
}
q:after {
content : " (" attr(cite) ")";
}


}
/*formatting for @media print ENDS*/


@media handheld
{



}
/*end of @media handheld section*/