body
{
 background-color: #CCCCDD;
 font-family: verdana;
}

h3
{
 background-color: #AAAADD;
 margin: 8px 0; padding: 2px;
 font-size: 12px;
 letter-spacing: 2px;
 border-top: 1px solid black;
 border-bottom: 1px solid black;
}

p
{
 margin: 0; padding: 4px;
}

p.title
{
 font-size: 18px;
}

p.login
{
 font-size: 12px;
 border-top: 1px solid black;
 border-bottom: 1px solid black;
 background-color: #CCCCFF;
}

p.nodata
{
 border: 1px solid black;
 padding: 4px; margin: 4px;
 font-size: 15px;
 font-weight: bold;
 text-align: center;
 background-color: #DDAAAA;
}

p.login a, p.login a:visited, p.login a:hover, p.login a:active
{
 color: #0000CC;
 text-decoration: none;
}

div
{
 font-family: verdana;
}

div.pager
{
 background-color: #BBBBCC;
 margin: 8px; padding: 4px;
 font-size: 10px;
}

div.pager a, div.pager a:visited, div.pager a:hover, div.pager a:active
{
 color: #222255;
 text-decoration: none;
}

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

div.menu li
{
 display: inline;
 background-color: #8888FF;
 margin: 0px 5px; padding: 2px 5px;
 border-left:   1px solid white;
 border-top:    1px solid white;
 border-right:  1px solid black;
 border-bottom: 1px solid black;
}

div.menu li:hover
{
 background-color: #5555FF;
}

div.menu li a
{
 color: black;
 text-decoration: none;
 font-size: 12px;
 font-weight: bold;
}

div.menu li.active a
{
 color: #CCCCFF;
}

div.menu li a:hover
{
 color: white;
}

div.new
{
 display: inline;
 margin: 2px 10px;
 padding: 2px 20px;
 border: 1px solid black;
 background-color: #AAAAFF;
 font-size: 12px;
 font-weight: bold;
}

div.new a
{
 color: black;
 text-decoration: none;
}

div.new a:hover
{
 color: white;
}

div.sca, div.csa
{
 font-size: 15px;
 font-weight: bold;
 margin: 5px;
}

form
{
 margin: 10px auto; padding: 5px;
 border: 1px solid black;
 background-color: #AAAAEE;
 width: 450px;
}

form.payments
{
 margin: 0; padding: 0;
 border: none;
 background-color: transparent;
 width: 100%;
}

form.regionselect
{
 width: 300px;
 padding: 2px;
}

form.regionselect label
{
 width: 120px;
}

form.regionselect select
{
 width: 150px;
 margin-left: 130px;
}

form div
{
 margin: 0; padding: 2px;
 text-align: left;
}

form div.error
{
 width: 100%;
 color: #DD0000;
 font-size: 12px;
 text-align: center;
 padding: 10px;
}

form div label
{
 float: left;
 width: 200px;
 margin-right: 10px;
 padding-top: 0.3em;
 font-size: 11px;
 font-weight: bold;
 text-align: right;
}

form div input.submit
{
 width: 100px;
 background-color: #CCCCFF;
 border-left:   1px solid white;
 border-top:    1px solid white;
 border-right:  1px solid black;
 border-bottom: 1px solid black;
 font-size: 11px;
 font-weight: bold;
 margin-bottom: 4px;
}

form div input, form div select, form div textarea
{
 display: block;
 width: 200px;
 margin-left: 210px;
 margin-bottom: -0.5em;
 padding: 1px;
 background-color: #DDDDE0;
 font-family: verdana;
 font-size: 11px;
}

form div input[type="hidden"]
{
 display: none;
}

form.customercomment
{
 width: 360px;
}

form.customercomment textarea
{
 margin: 0;
 width: 350px;
 height: 250px;
}

div.date select
{
 margin-left: 0;
 display: inline;
 width: 70px;
}

form.scu
{
 width: 320px;
}

div.scu label
{
 width: 90px;
}

div.scu select
{
 margin-left: 100px;
}

table
{
 width: 95%;
 margin: 8px; padding: 0;
 border-left:   none;
 border-top:    none;
 border-right:  1px solid #8888CC;
 border-bottom: 1px solid #8888CC;
}

tr.head
{
	background-color: #AAAAFF;
	font-weight: bold;
}

/*tr.head:hover
{
	background-color: #AAAAFF;
}

tr.line:hover
{
	background-color: #DDDDDD;
}*/

td
{
 margin: 0;
 padding-left: 4px;
 padding-right: 4px;
 padding-top: 2px;
 padding-bottom: 2px;
 font-family: verdana;
 font-size: 10px;
 border-left:   1px solid #8888CC;
 border-right:    none;
 border-top:  1px solid #8888CC;
 border-bottom: none;
 vertical-align: top;
}

tr.e
{
	background-color: #BBBBDD;
}

tr.o
{
	background-color: #CCCCEE;
}

td a, td a:visited, td a:hover, td a:active
{
 color: #0000CC;
 text-decoration: none;
}

td.today
{
 background-color: #D8D8E8;
}

table.scct
{
	width: 100%;
	border: none;
	margin: 0;
	padding: 0;
}

table.scct td
{
	border: none;
	padding: 2px;
}

table.scct td.by
{
	padding-bottom: 6px;
	border-bottom: 1px dashed black;
}

table.cdc tr.h td
{
 text-align: center;
 font-size: 20px;
 background-color: #AAAACC;
}

table.scc td
{
 border: none;
}

table.sca
{
 border: none;
 margin: 0; padding: 0;
 width: 100%;
}

table.sca td
{
 border: none;
 width: 50%;
}

table.calendar
{
 width: 200px;
}

table.calendar td
{
 padding: 1px;
 text-align: center;
 font-size: 10px;
}

table.calendar td.today
{
 background-color: #DDDDDD;
 font-weight: bold;
}

table.calendarhead
{
 border: none;
 margin: 0; padding: 0;
 background-color: #AAAAFF;
}

table.calendar tr.wd
{
 background-color: #CCCCFF;
}

table.calendar td.sun
{
 color: #DD0000;
}

table.calendarhead td
{
 border: none;
 font-size: 12px;
}

table.ticketprint
{
 width: 500px;
 border-top: none;
 border-bottom: 1px solid black;
 border-left: none;
 border-right: 1px solid black;
}

table.ticketprint td
{
 width: 50%;
 font-size: 12px;
 text-align: left;
 vertical-align: top;
 border-top: 1px solid black;
 border-bottom: none;
 border-left: 1px solid black;
 border-right: none;
}

table.ticketprint tr.h td
{
 font-size: 14px;
 font-weight: bold;
 text-align: center;
}

@media print
{
 a.ticketprint
 {
  display: none;
 }
}

div.devel
{
 margin: 20px;
 padding: 10px;
 border: 5px dotted blue;
}