/*
==========================================
 ______                   _   _  _____
|___  /               _ _| \ | |/ ____|
   / / ___ _ __   ___(_|_)  \| | |  __
  / / / _ \ '_ \ / _ \   | . ` | | |_ |
 / /_|  __/ |_) | (_) | _| |\  | |__| |
/_____\___| .__/ \___(_|_)_| \_|\_____|
          | |
          |_|                  Style Sheet
==========================================

This style sheet is part of
http://partyticket.net

You are not allowed to use it for anything
else without proper credit and contacting
sales@partyticket.net first.

*/
/*COLORS
bars         #305060
barbordertop #b9d3ee
barborderbot #305060
bartext      #fff

mainbg       #FFFAF0

mlink        #cff
mhover       #fff
mvisited     #eee
mdisabled    #ddd
mcurrent     #fff

itext        #000
itable       #aaa
ierror       #f88
ierrortext   #000

roweven      #9ac0cd
rowodd       #b4cdcd
rowtabletext #000000
rowtableth   #ffffff
rowtable     #4A708B

offsite      #dd7

text         #000
*/

/*Section: The major page components */
body {
 color: #000000; /* text */
 background-color: #fffaf0; /* mainbg */
 margin : 0;
 padding : 0;
}

p.hint {
 border-style: dotted;
 border-width: thin;
 border-color: green;
 font-size: smaller;
 width: 40%;
 float: right;
 color: #000000;            /* text */
 background-color: #FEFEEF;
}

p.widehint {
 border-style: dotted;
 border-width: thin;
 border-color: green;
 font-size: smaller;
 color: #000000;            /* text */
 background-color: #FEFEEF;
}

div.perm, div.menu, div.path, div.head {
 color: #ffffff;            /* bartext */
 background-color: #305060; /* bars */

 border-style : solid none;
 border-top-width : 1px;
 border-bottom-width : 2px;
 border-top-color : #b9d3ee;    /* barbordertop */
 border-bottom-color : #305060; /* barborderbot */
 padding-left: 0px;
 padding-right: 0px;
 margin-left: 0px;
 margin-right: 0px;
 width : 100%;
 font-family: verdana, helvetica, arial, sans-serif;
 clear: both;
}

div.vertmenu {
 color: #ffffff;            /* bartext */
 background-color: #305060; /* bars */
 border-style : solid;
 border-left-width : 1px;
 border-top-width : 1px;
 border-right-width : 2px;
 border-bottom-width : 2px;
 border-top-color : #b9d3ee;    /* barbordertop */
 border-bottom-color : #305060; /* barborderbot */
 border-left-color : #b9d3ee;    /* barbordertop */
 border-right-color : #305060; /* barborderbot */
 padding: 5px;
 margin-left: 0px;
 margin-right: 20px;
 float: left;
 font-family: verdana, helvetica, arial, sans-serif;
}

p.vertmenu {
 padding: 0px;
 margin: 0px;
}

div.head {
 font-size: 200%;
 font-weight: bolder;
 text-align: center;
}

div.main {
 padding: 10px;
 margin: 10px;
 background-color: #fffaf0; /* mainbg */
 color: #000000; /* text */
 font-family: Arial, Helvetica, sans-serif;
}

div.path {

}

div.menu {

}

div.perm a {
 color: #ccffff; /* mlink */
 background-color: #305060; /* bars */
}

div.details {
  background-color: #FFFFCC;
  width:20em;
  float:right;
  border: thin black solid;
}

/*Section: Boxes */
div.box {
  border: thin solid black;
  background-color: white;
  width: 24em;
  margin: 0.5em;
  float: left;
}

div.box h3 {
  text-align: center;
  font-size: 1.2em;
  font-weight: bolder;
  color: #fff;
  background-color: #000;
  margin: 0px;
  width: 100%
}

div.box ul {
  margin: 0.3em;
  padding: 0.3em;
  margin-left: 0.7em;
  padding-left: 0.7em;
}

/*Section: Alerts */
div.alertInfo, div.alertWarning, div.alertError, div.alertSerious, div.alertFatal {
 background-color: #22aa22;
 border-top-color : #44cc44;
 border-bottom-color : #008800;

 border-style : solid none;
 border-top-width : 1px;
 border-bottom-width : 2px;
 padding-left: 0px;
 padding-right: 0px;
 margin-left: 0px;
 margin-right: 0px;
 width : 100%;
 font-family: verdana, helvetica, arial, sans-serif;
 clear: both;
 text-align: center;
}

div.alertWarning {
 color: #000000;
 background-color: #aaaa11;
 border-top-color : #ffff22;
 border-bottom-color : #888808;
}

div.alertFatal, div.alertSerious, div.alertError {
 color: #000000;
 background-color: #ff5522;
 border-top-color : #ffaa88;
 border-bottom-color : #bb2200;
}

div.alertSerious {
 font-weight: bolder;
}

div.alertFatal {
 font-weight: bolder;
 font-size: 1.25em;
}

/*Section: floater */
div.floater {
  margin: 0;
  font-size: 70% /*smaller*/;
  font-weight: bold;
  line-height: 1.1;
/*  text-align: center;*/
  position: absolute;           /* Fallback if 'fixed' is not supported */
  top: 2em;
  left: auto;
  width: 15em;
  right: 2em;
  float: right;
}
div.floater {
  position: fixed;              /* Overrides 'absolute' above */
}
div.floater p {
  margin: 0;
  padding: 0.3em 0.4em;
  font-family: Arial, sans-serif;
  background: #fff;             /* Override according to type of page */
  border: thin outset #999;     /* Override this color together with bg */
  color: white;
}

div.floater span.header {
  text-align: center;
  display: block;
  color: #000;
  font-size: 120%;
  font-weight: bold;
  width: 100%
}

div.floater span.item {
  display: block;
  margin: 0 0.5em;
  border-top: 2px groove #999;
}

div.floater span.item:first-child  { border-top: none }

a.remove {
 border: 1px outset #000;
 text-decoration: none;
}

div.floater a:link {    text-decoration: none; color: #000 }
div.floater a:visited { text-decoration: none; color: #000 }
div.floater a:hover {   background: black; color: white }

div.floater p {
  background: url(1x1alpha.png)
  transparent fixed;
  border-color: #025c7f
}

a {
   color: #000;
   text-decoration: underline;
}

a.offsite {
 text-decoration: underline;
}

/*Section: Menu link colors */
.MenuA:link {
 color: #ccffff; /* mlink */
 background-color: #305060; /* bars */
 font-size: small;
 text-decoration: underline;
}
.MenuA:visited {
 color: #eeeeee; /* mvisited */
 background-color: #305060; /* bars */
 font-size: small;
}
.MenuA:active {
 color: #ccffff; /* mlink */
 background-color: #305060; /* bars */
 font-size: small;
 font-weight: bold;
 text-decoration: none;
}
.MenuA:hover {
 background-color: #305060; /* bars */
 color: #ffffff; /* mhover */
 font-size: small;
 text-decoration: underline;
}

.menucurrent {
 font-weight: 900;
 background-color: #305060; /* bars */
 color: #ffffff; /* mcurrent */
}

.menugrey {
 background-color: #305060; /* bars */
 color: #dddddd; /* mdisabled */
}

/*Section: The input table style, this is what is used whenever a generic form is needed */
.itable {
 color: #000000; /* itext */
 background-color: #aaaaaa; /* itable */
 border-spacing: 0px;
 border-collapse: collapse;
}

.itable2 {
 color: #000000; /* itext */
 background-color: #fffaf0; /* mainbg */
 border-collapse: collapse;
 border: 1px solid black;
 border-spacing: 0px;
 padding: 2px;
}

.itable2 td {
 border: 1px solid black;
 padding: 2px;
}

.itable2 th {
 padding: 2px;
 text-align: center;
 border-top: 1px solid black;
 border-left: 1px solid black;
 border-right: 1px solid black;
 border-bottom: 2px solid black;
}

.itabletitle {
 color: #000000; /* itext */
 background-color: #aaaaaa; /* itable */
 font-weight: bold;
}

.itableinput {
 color: #000000; /* itext */
 background-color: #aaaaaa; /* itable */
}

.itableerror {
 background-color: #ff8888; /* ierror */
 color: #000000; /* ierrortext */
}

.itablehint {
 color: #000000; /* itext */
 background-color: #aaaaaa; /* itable */
}

.itablespacer {
 height: 10px;
 color: #000000; /* itext */
 background-color: #fffaf0; /* mainbg */
}

.itableheader {
 font-weight: bold;
 font-size: 1.5em;
 text-align: center;
 color: #000000; /* itext */
 background-color: #fffaf0; /* mainbg */
}

.submittable {
/* width: 90%;*/
}

/*Section: The rowtable (I know stupid name, but resulttable is outdated) style: */
.rtable {
 color: #000000; /* rowtabletext */
 background-color: #4a708b; /* rowtable */
 border-spacing: 1px;
 margin-left: 5px;
 margin-right: 5px;
}

.rtableTH {
 color: #ffffff; /* rowtableth */
 padding: 2px;
 background-color: #4a708b; /* rowtable */
}

.rtableTH A {
 color: #ffffff; /* rowtableth */
 background-color: #4a708b; /* rowtable */
}

.rtableoddrow {
 color: #000000; /* rowtabletext */
 padding: 2px;
 background-color: #b4cdcd; /* rowodd */
}

.rtableevenrow {
 color: #000000; /* rowtabletext */
 padding: 2px;
 background-color: #9ac0cd; /* roweven */
}

/*Section: Color samples*/
td.colorsampleblack {
 border-color: #000000;
 border-width: 1px;
 border-style: dotted;
 padding:   0px;
 width:    100%;
 height:   14px;
 font-size: 1px;
}

td.colorsamplewhite {
 border-color: #ffffff;
 border-width: 1px;
 border-style: dotted;
 padding:   0px;
 width:    100%;
 height:   14px;
 font-size: 1px;
}

/*Section: Headers */
h1 {
 font-size: large;
 text-align: center;
 font-weight: bold;
 color: #000000;
 background-color: transparent;
}
h2 {
 font-size: x-large;
 text-align: center;
 color: #555;
 background-color: #fffaf0; /* mainbg */
}
h3 {
 font-size: large;
 text-align: center;
 color: #888;
 background-color: #fffaf0; /* mainbg */
}
h4 {
 background-color: #305060; /* bars */
 border-top-style: solid;
 border-top-width: 2px;
 border-top-color: #000000;
 border-bottom-style: solid;
 border-bottom-width: 2px;
 border-bottom-color: #000000;
 color: #FFFFFF;
 font-size: 100%;
 padding-top: 1px;
 padding-bottom: 1px;
 padding-right: 5px;
 padding-left: 5px;
}
h5 {
/* display: inline;*/
 background-color: #fffaf0; /* mainbg */
 color: #888;
 font-weight: bolder;
 font-size: 100%;
}

img {
  border: none;
}

.layout {
/*  margin-width: 0px;
  padding-width: 0px; */
  border: none;
  border-spacing: 0px;
  border-collapse: collapse;
}

/* This is just a bit of hackery to foil nasty thieves that steal this file.*/
center {
  display: none;
}

div.tagline {
 display: none;
 background-color: #fffaf0; /* mainbg */
 color: #fffaf0; /* mainbg */
}

div.tagline a.MenuA {
 background-color: #fffaf0; /* mainbg */
 color: #fffaf0; /* mainbg */
 font-size: 1px;
 display: none;
}

.grouptitle {
  font-size: larger;
  color: #666;
}

ul.products {
 margin-left: 1em;
 padding-left: 0px;
}

ul.products > li {
 margin-left: 0em;
 padding-left: 0px;
}

p.fire-section {
    background-color: #ff9999;
}

p.ice-section {
    background-color: #9999ff;
}