body { margin: 0 0 0 0; padding:  0; border-width: 0; border-style: none; border-color: inherit; width: 100%; min-height: 100%; background-color: #111; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
@layer component {
.logo_pos { position:absolute; left:0px; top:0px }
.block_pos { position:absolute; left:285px; }
.deadleftnavbutton { background-color:#777; color:#AAA; width:120px; height:40px; font-weight: bold; }
.leftnavbutton { color:#FFF; width:120px; height:40px; font-weight:bold; }
.leftnavbutton:hover { background-color:#000; color:#FF0; }
.roundbutton { width:50px; height:50px; font-weight:bold; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px; border:thin solid #000; }
#postriggered { display:none; }
.rounded { -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; }
.toprounded { -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -khtml-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; }
.bordered { border-style:outset; border-color:#33C; border-width:2px; }
.deadletterbutton { background-color:#777; color:#AAA; font-weight: bold; margin: 0px; width: 35px; border-collapse:collapse; }
.letterbutton { margin: 0px; width: 35px; border-collapse:collapse; }
.letterbutton:hover { background-color:#000; color:#FF0; }
.letterbuttonnarrow { font-weight: normal; margin: 0px; width: 25px; border-collapse:collapse; }
.letterbuttonnarrow:hover { background-color:#000; color:#FF0; }
.consignorbutton:hover { background-color:#000; color:#FF0; }
.choicebutton, .roundedbutton { text-align:center; width:55px; }
.choicebutton:hover, .roundedbutton:hover { background-color:#000; color:#FF0; font-weight:bold; border-color:#33C; }
.choicebutton2, .roundedbutton2 { background-color:#000; color:#FF0; font-weight:bold; width:55px; border-color:#33C; }
.consignorbutton2 { text-align:left; background-color:#333}
.consignorbutton2:hover { background-color:#000; color:#FF0; }
.vendorbutton { background-color:#333; text-align:left; }
.vendorbutton:hover { background-color:#000; color:#FF0; }
.accountbutton { width: 270px; height: 25px; margin: 2px; }
.variablewidthbutton , .accountbutton, .inlinebutton { background-color:#333; color:#FFF; font-weight: bold; border-collapse:collapse; }
.variablewidthbutton:hover, .accountbutton:hover, .inlinebutton:hover { background-color:#000; color:#FF0; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
.deadinlinebutton { background-color:#777; color:#AAA; font-weight: bold; margin: 0px; border-collapse:collapse; }
.uniwidth225 { width:225px; }
.inventorybutton , .posbutt {  }
.inventorybutton:hover, .posbutt:hover { background-color:#000; color:#FF0; }
.letterbutton, .letterbuttonnarrow, .deadconsignorbutton, .consignorbutton, .consignorbutton2, .vendorbutton, .inventorybutton { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; color:#FFF; font-weight:bold; }
.leftnavbutton, .letterbutton, .letterbuttonnarrow, .deadconsignorbutton, .consignorbutton, .inventorybutton { background-color:#333; }
.posbutt { width: 80px; height: 40px; }
.accounttitle { font-weight:bold; font-style:normal; font-size:10pt; }
.accounttxt { font-weight:normal; font-style:italic; font-size:9pt; }
.deepblack { color:#000; }
.lightred { color:#F00; }
.medred { color:#C00; }
.deepred { color:#A33; }
.deepgreen { color:#060; }
.deepblue { color:#33C; }
.shadowed { box-shadow: 3px 3px 3px #888888; -webkit-box-shadow: 3px 3px 3px #999999; }
.textshadowed { text-shadow:1px 1px 1px rgba(63,107,169, 0.5); }
.checkbutton { font-size:1.3em; font-weight:bold; cursor:pointer; color:#0A0; width:20px; height:20px; padding:0px; }
.ctit {
  color: #F2F2CE;
  font-weight: normal;
  font-style: italic;
  font-size: 7pt;
  font-family: verdana, helvetica, sans-serif;
  text-indent: 1cm;
}
.vsmallbody {
  color: #000000;
  font-weight: normal;
  font-style: italic;
  font-size: 8pt;
  font-family: verdana, helvetica, sans-serif;
  text-indent: 1cm;
}
.thankyou {
  color: #333;
  font-weight: normal;
  font-style: italic;
  font-size: 21pt;
  font-family: 'Monotype Corsiva';
}
.pageheader {
  color: #FFFFFF;
  font-weight: bold;
  font-style: normal;
  font-size: 21pt;
  font-family: 'verdana, helvetica, sans-serif';
}
.pageheader2 {
  color: #333;
  font-weight: bold;
  font-style: normal;
  font-size: 17pt;
  font-family: Arial, Helvetica, sans-serif;
}
.menuhead {
  color: #333;
  font-weight: bold;
  font-style: normal;
  font-size: 11pt;
  text-decoration: underline;
  font-family: georgia, helvetica, geneva
}
.beyonddebt {
  color: #CC3333;
  font-weight: bold;
  font-style: normal;
  font-size: 11pt;
  font-family: georgia, helvetica, geneva
}
.embossedtable {  
  background-color: #FFFFFF;
  border-style:outset;
  border-top: thin solid #ff2222; 
  border-right: thin solid #bb3333; 
  border-left: thin solid #ff2222; 
  border-bottom: thin solid #bb3333; 
  border-width: 2px 2px 2px 2px;
}
.maintable {  
  background-color: #E2E2C4;
   border-color: #46664D;
  border-style:outset;
  border-width: 5px 5px 5px 5px;
}
input {
  background-color:#F2F2CE;
}
textarea {
  background-color:#F2F2CE;
}
select {
  background-color:#F2F2CE;
}
td.mwp {
max-width: 415px;
}
.bodytext {
  color: #000000;
  font-style: normal;
  font-weight: bold;
  font-size: 13pt;
  font-family: arial, helvetica, sans-serif;
}
.bodytextsm {
  color: #000000;
  font-style: normal;
  font-weight: bold;
  font-size: 10pt;
  font-family: verdana, helvetica, sans-serif;
}
.bodytextsm2 {
  color: #000;
  font-style: italic;
  font-weight: normal;
  font-size: 11pt;
  font-family: georgia, helvetica, sans-serif;
}
.bodytextsm3 {
  color: #000000;
  font-style: normal;
  font-weight: normal;
  font-size: 9pt;
  font-family: verdana, helvetica, sans-serif;
}
.bodytextadmin {
  color: #000000;
  font-style: normal;
  font-weight: bold;
  font-size: 11pt;
  font-family: arial, helvetica, sans-serif;
}
.listingtext { color:#000; font-size:10pt; font-family:Tahoma, helvetica, sans-serif; }
.headnav {
  color: #000000;
  font-style: normal;
  font-weight: bold;
  font-size: 11pt;
  font-family: arial, helvetica, sans-serif;
}
.quote {
  color: #F2F2CE;
  font-style: italic;
  font-weight: normal;
  font-size: 9pt;
  font-family: arial, helvetica, sans-serif;
}
fieldset {
  border: 1px solid #333;
  width: 565
}
legend {
  color: #333
}

table.bodytable {
padding: 0cm;
width: 100%;
height: 100%;
border: 10px 10px 10px 10px
}
table.register {
border-style: solid none;
border-color: #2B357D;
border-top-width: 2px;
border-bottom-width: 2px
}
table.registerrow {
border-style: none none solid none;
border-color: #2B357D;
border-top-width: 2px;
border-bottom-width: 2px
}
table.tickettable { background-color: #FFF; border-style: solid; border-color: #66C; border-width: 1px; padding: 0px; }
td.startingcell {
  border-style: none none none solid;
  border-color: #2B357D;
  border-width: 2px;
}
td.registercell {
  border-style: none solid none none;
  border-color: #2B357D;
  border-width: 2px;
}
td.separator {
  border-style: none none solid none;
  border-color: #2B357D;
  border-width: 2px;
}
img.line { 
vertical-align: middle
} 
input.fit {
  color: #000000;
  font-style: normal;
  font-weight: bold;
  font-size: 7pt;
  font-family: arial, helvetica, sans-serif;
}
submit.conform {
  color: #2B357D;
  background-color: #2B357D;
}

.receiptheader1 {
  color: #000000;
  font-style: normal;
  font-weight: bold;
  font-size: 10pt;
  font-family: arial, helvetica, sans-serif;
}
.receiptheader2 {
  color: #000000;
  font-style: normal;
  font-weight: bold;
  font-size: 13pt;
  font-family: arial, helvetica, sans-serif;
}
.contractrules {
  color: #000000;
  font-style: italic;
  font-weight: normal;
  font-size: 9pt;
  font-family: arial, helvetica, sans-serif;
}
.contractpreamble {
  color: #000000;
  font-style: normal;
  font-weight: bold;
  font-size: 9pt;
  font-family: arial, helvetica, sans-serif;
}
.contracthead, .chbus, .chacc { color: #C33; font-style: normal; font-weight: bold; font-size: 20pt; }
.chbus { font-family: Vongole, Admiral, 'monotype corsiva'; }
.chacc { font-family: Admiral, 'monotype corsiva'; }
table.tofind tbody tr:hover { background: #000; color:#FF0; }
tr.tofind:hover { background: #000; color:#FF0; }
td.tofind:hover { background: #000; color:#FF0; }
td.nofind:hover { background: #FFF; color:#000; }
table.easytrack tbody tr:hover { background: #888; }
tr.easytrack:hover { background:#888; }
table.track tbody tr:hover { font-weight: bold; }
tr.track:hover { font-weight: bold; }


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.nolink { text-decoration: none; }


ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 165px;
}

ul#menu a {
  display: block;
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  color: #a0cfee;  
  padding: 0.2em;
}

ul#menu li a:hover {
  text-decoration: underline overline;
}

ul#menu li ul li a {
  color: #fff;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  padding-left: 15px;
}
.thumbnail {
  position: relative;
  z-index: 0;
}
.thumbnail:hover {
  background-color: transparent;
  z-index: 50;
}
.thumbnail span {
  position: absolute;
  background-color: lightyellow;
  padding: 5px;
  left: -1000px;
  border: 1px dashed gray;
  visibility: hidden;
  color: black;
  text-decoration: none;
}
.thumbnail span img {
  border-width: 0;
  padding: 2px;
}
.thumbnail:hover span {
  position: absolute;
  visibility: visible;
  top: -100px;
  left: 100px; /*position where enlarged image should offset horizontally */
}
input.pinbox { border: 2px inset #A33; width:50; height:30; text-align:center; }
input.dialogtitle { border: none; background: none; color: #FFF; font-weight: bold; padding: 0 0 0 10; }
td.dialogheader { background-color: #333; }
input.adminbutt { color:#CCCCCC; background-color:#29668D; padding:7px; text-decoration:none; font-weight: bold; width:140px; }
input.adminbutt:hover { color:#FFFFFF; background-color:#19314D; }
input.delbutt { color:#AAAAAA; background-color:#bb0000; }
input.delbutt:hover { color:#FFFFFF; }
#mask { position:absolute; z-index:9000; background-color:#000; display:none; left: 0px; top: 0px; }
#boxes .window { position:absolute; display:none; z-index:9999; padding:0px; }
/* Customize your modal window here, you can add background image too */
#dialog { width:300px; height:225px; }
#itemdialog { }
.highlighted { background-color: #FFF; color: #000; }
.dialogheader { padding: 0 10 0 0; }
#requestprocessing { display: none; }
#dot1 { display: none; }
#dot2 { display: none; }
#dot3 { display: none; }
#dot4 { display: none; }
table.noselect, tr.noselect, input.noselect, span.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; }
}
.container {width: 100%; margin: 0 auto; overflow: hidden;}
.content {width:100%; margin:0 auto; padding-top:50px;}
.circle {
	background-color: rgba(0,0,0,0);
	border:5px solid rgba(10,10,10,1.0);
	opacity:.9;
	border-right:5px solid rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0);
	border-radius:50px;
	box-shadow: 0 0 35px #a33;
	width:50px;
	height:50px;
	margin:0 auto;
	-moz-animation:spinPulse 1s infinite ease-in-out;
	-webkit-animation:spinPulse 1s infinite linear;
}
.circle1 {
	background-color: rgba(0,0,0,0);
	border:5px solid rgba(20,20,20,1.0);
	opacity:.9;
	border-left:5px solid rgba(0,0,0,0);
	border-right:5px solid rgba(0,0,0,0);
	border-radius:50px;
	box-shadow: 0 0 15px #a33; 
	width:30px;
	height:30px;
	margin:0 auto;
	position:relative;
	top:-50px;
	-moz-animation:spinoffPulse 1s infinite linear;
	-webkit-animation:spinoffPulse 1s infinite linear;
}

@-moz-keyframes spinPulse {
	0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #a33;}
	50% { -moz-transform:rotate(145deg); opacity:1; }
	100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes spinPulse {
	0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #a33; }
	50% { -webkit-transform:rotate(145deg); opacity:1;}
	100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}