/* This stylesheet taken from http://www.luas.ie/MZpagestyles.css */

/* Global{} */
BODY { BACKGROUND-COLOR: #FFFFFF; 
font-family: Verdana, Arial, Helvetica, sans-serif; 	
}

/* Dovetail CSS */

/* darkest (main header, box border, most text): #022C63 */
/* next-darkest (sub header, menu hover colour): #6990D3 */
/* contrast (field cell input - darker than and contrasts with "pale": #69C5D2 */
/* pale (background colour of field input cells tablecell (not input region): #B0F8F8 )*/

p
{
	font-size: 10px;
}
.mainTable 
{
	/*border: double 3px #000000;*/
	width:460px;
	/*width:50%;*/
	
}
.staffMainTable
{
	width:95%;
}

.staffInnerTableForOrderScreen
{
	width: 90%;
}

.mainTableForOrderScreen
{
	width:700px;
}


.innerTable
{
	width:100%;
}

.borderBoxDark
{

	BORDER-RIGHT: #3565B5 3px solid; 
	BORDER-TOP: #3565B5 3px solid; 
	BORDER-LEFT: #3565B5 3px solid; 
	BORDER-BOTTOM: #3565B5 3px solid;  /*#59118E medium solid*/
}

.borderBoxLight
{
	BORDER-RIGHT: #369 thin solid; 
	BORDER-TOP:  #369 thin solid; 
	BORDER-LEFT: #369 thin solid; 
	BORDER-BOTTOM: #369 thin solid; /*#BC9BFF medium solid*/
}

.header
{
	background-color:Green;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: white;
	text-align:center;
}

.header3
{
	/* background-color:#022C63; Connex */
	background-color:Green; /* Veolia */
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: white;
	border-bottom:1px solid #022C63
}

.header2
{
	background-color:Green;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: white;
	text-align:center;
}

.bigBoldText
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #022C63;
}

.alignLeft
{
	text-align:left;
}

.labelcell 
{
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #022C63;
	background-color: transparent;	
	vertical-align:top;
}

.fieldcell 
{
	background-color: #DFEDFB;
	color: #000000;
	margin-right: 0px;
	padding-right: 0px;
	vertical-align: top;
	text-align: right;
}

.unsubscribe-message {
  background-color: #DFEDFB;
  color: #000000;
  margin-right: 0px;
  padding-right: 0px;
  vertical-align: top;
  text-align: center;
}

.labelcellyellow
{
	background-color: yellow;	
}

.fieldcellyellow
{
	background-color: yellow;
}

.fieldcell input,select
{
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #dfdffb;
	color: black;
	border: solid 1px #000000;
	margin-right: 0px;
	margin-left: 3px;
	vertical-align: top;
}


.fieldcell textarea
{
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #dfdffb;
	color: black;
	border: solid 1px #000000;
	margin-right: 0px;
	margin-left: 3px;
	vertical-align: top;
}

.paymentReference
{
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #dfdffb;
	color: black;
	border: solid 1px #000000;
}


#ddlTicketType
{
	width:280px;
}

.hide
{
	display: none;
}

.show
{
	display: block;
}

.menuCell, .menuCell a:link, .menuCell a:visited
{
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-transform: capitalize;
	text-align:center;
	color: #8C1884; /*#007B88; */
	background-color: #ffffff;
	/*height:2em;*/
	padding-top:0.4em;
	padding-bottom:0.4em;
}

.menuCell ul 
{
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
}

.menuCell li
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.menuCell a:hover
{
	/*background-color: #007B88;
	color: #D8CBB0;*/
	background-color: #6990D3;
	color: White;
	font-weight: bold;
}

ul
{
	font-size:12px;
}

li
{
	font-size:12px;
}

td
{
	font-size:12px;
}

.message
{
	background-color: yellow;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	border: white 2px solid; 
}

.MOTD 
{
	color: #022C63;
	text-align:center;
	font-weight:normal;	
	font-style:italic;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	border: #022C63 1px solid; 
	background-color:#DFEDFB;
}

.orderInvoiceTable
{
	width:600px;
	/*width: 700px;*/
}

.Invoice
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
}

.InvoiceHeader
{
	background-color:#CCCCCC;
	font-weight:bold;
	/*font-size: 8px;*/
	text-align: center;
}

input[disabled]
{
	color: #696969;	
}

.errorText
{
  font:  10px Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: Red;
}

.requiredFieldAlert
{
  font:  14px Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: white;
  background: red;
  padding: 0 1px 0 2px;
  margin: 0;
}

.introcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: black;
 background-color: transparent;
}

.introcell ul 
{
	font-size:11px;
}
.introcell li 
{
	font-size:11px;
}

.thinbutton {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:smaller;
 font-style: normal;
 background-color: #990099;
 color: White;
 cursor: hand;
 font-weight: bold;
 width: 119px;
 height: 25px;
 text-align: center;
 background-image: url(images/thinbuttonbig.gif);
 background-repeat: no-repeat;
 border: none;
 vertical-align:middle;
 text-decoration:none;
}

.login-button {
    font-size: 1.75em;
}

.narrowbutton {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:smaller;
 font-style: normal;
 background-color: #990099;
 color: White;
 cursor: hand;
 font-weight: bold;
 width: 69px;
 height: 16px;
 text-align: center;
 background-image: url(images/thinbuttonnarrow.gif);
 background-repeat: no-repeat;
 border: none;
}

.widebutton {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:smaller;
 font-style: normal;
 background-color: silver;
 color: White;
 cursor: hand;
 font-weight: bold;
 width: 185px;
 height: 25px;
 text-align: center;
 background-image: url(images/thinbuttonwide.gif);
 /* background-image: url(images/Copyofthinbuttonwide.gif); */
 background-repeat: no-repeat;
 border: none;
}

.mainPageButton
{
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 background-color: #5616A0;
	 color: White;
	 background-image: url(images/button.jpg);
	 background-repeat:repeat;	/*no-repeat*/
	 text-align: center;
	 height: 23px;	 
	 font-weight:bold;
	 font-size:12px;
}

.credit
{
	width:450px;
	display: block;

}
.credit img 
{
	vertical-align:middle;
}
.credit a {
	color: blue;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	text-decoration: none;
}

.credit a:hover {
	color: red;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: middle;
	text-decoration: none;
	font-variant: small-caps;
}

.rptHeader
{
	color: black;
	background-color: #DFDFFB;
	text-align:center;
	font-weight: bold;
	font-size: 12px;
}

.rptHeader a
{
	color: black;
	background-color: #DFDFFB;
	text-align:center;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}

.rptHeader a:hover 
{
	color: #DFDFFB;
	background-color: black;
	text-align:center;
	font-weight: bold;
}

.rptNormalItem
{
	color: black;
	background-color: White;
	text-align:center;
	vertical-align:middle;
}

.rptAlternatingItem
{
	color: black;
	background-color: #DFEDFB/*#DFFBFB;*/;
	text-align:center;
	vertical-align:middle;
}
.rptHighlightNewEmployer {
	color: black;
    background-color: yellow;
    text-align:center;
	vertical-align:middle;
}

.rptHighlightEmployerWhoOwesMoney {
	color: white;
    background-color: #CD5555;
    text-align:center;
	vertical-align:middle;
    
}
.coveringLetter
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.reasonExcluded
{
	color: Red;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
}

.buttonSmall
{
	color: white;/*#59118E*/
	background-color: #59118E;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*background-color:Silver;*/
	font-weight:bold;
}

.rptBorder
{
	border: #022363 2px solid;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}



.rptBorder td
{
	/*border: #59118E 1px solid; */
	border: black 1px solid; 
}

.DefaultPageMainPanel
{
	width: 200px;
}

.moreInfo
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style:normal;
	font-weight: normal;
	color: Red;
	text-align: left;
	text-decoration: underline;
}

/* Pure CSS tooltips - http://psacake.com/web/jl.asp */

a.info{
    position:relative;
    z-index:24; 
    background-color:#ccc;
    border:1; /*border:0;*/
    color:#000;
    text-decoration:none}

a.info:hover{z-index:225; background-color:#ff0}

a.info img {border:0; padding:0; margin:0; }

a.info span{display: none}

a.info:hover span{ 
    display:block;
    position:absolute;
    top:2em; left:0em; width:15em;
    border:2px; /*border:1px;*/
    border-color:Black;
    border-style:solid;
    /*background-color:#cff; */
    background-color:Yellow; 
    color:#000;
    /*text-align: justify;*/
    text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	/*padding:0;*/
	padding:5;	
	margin:0;
    }

@media print {
.no_print
 {
	display: none;
 }
}


@media screen {
	.no_print
	{
		display: block;
	}
}
    
/*
.saveButton
{
	background-image: url(images/save.gif);
	background-repeat:no-repeat;
}


.adminbutton 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	color : White;
	font-weight : bold;
	width: 119px;
	height: 16px;
	text-align: center;
	text-transform: capitalize;
	background-image: url(images/greenbutton.gif);
	background-repeat:no-repeat;
	border: none;
}

*/

.countTotals
{
	color:Yellow;
}

.linkSelected
{
	background-color: Yellow;
}

#renewalFileDates {
    background-color:  #B0F8F8;
    color: white;
    border: 1px solid blue;
}
#renewalFileDates td#daterow {
    background-color:  #B0F8F8;
    color: white;
    border: 1px;
    -webkit-box-shadow:2px 0px 0px #595959; 
    -moz-box-shadow:2px 0px 0px #595959; 
    -o-box-shadow:2px 0px 0px #595959;
}

#renewalFileDates tr > td:last-of-type{   
    font-weight: bold;
    -webkit-box-shadow:0px 0px 0px #595959; 
    -moz-box-shadow:0px 0px 0px #595959; 
    -o-box-shadow:0px 0px 0px #595959;
}

td#daterow a { text-decoration:none;}



.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -152px;
  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.alert {
  width: 95%;
  text-align: center;
  border: solid 1px #666;
  padding: 15px;
}

.alert.info {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert.success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert.danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}


.alert {
  width: 95%;
  text-align: center;
  border: solid 1px #666;
  padding: 15px;
}

.alert.info {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert.success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert.danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.badge-danger {
  color: white;
  background-color: red;
  border-color: #ebccd1;
  padding: 2px;
  border-radius: 5px;
}

.badge-success {
  color: white;
  background-color: green;
  border-color: #d6e9c6;
  padding: 2px;
  border-radius: 5px;
}