/****************************************************************
 * Main Style Sheet for Shop System                             *
 * Contains default values for overall look & feel like         *
 * forms                                                        *
 * buttons                                                      *
 * dropdowns                                                    *
 ****************************************************************/

/* Page defaults */

h1,h2,h3,h4,h5 {
   font: 1.75em Verdana,  Arial, sans-serif;
   margin: 0;
   color: #999;
   font-weight: bold;
}
h2	{ font-size:1.0em; color:black; margin-bottom: 5px;}
h3  { font-size:0.8em;}
h4  { font-size:14px;}
h5  { font-size: 11px;}

p {	margin-top: 0; margin-bottom: 10pt;}
i { font-style : italic; }
ul { list-style : none;  font: 10pt Verdana, Arial, sans-serif;}
	li {  margin : 1em; }

label {
    display: block;
    float: left;
    width: 100px;
    font-weight: bold;
}

legend {
    font-weight: bold;
    padding: 0 5px;
    background-color: #ccc;
    border: 1px solid black;
}

td {
	text-align: left;
	vertical-align: top;
}

a {
	color: black;
	text-decoration: none;
}


/* page elements */

#topline {
  height:100px;
}

#keyvisual {
  height:100px;
  width:196px;
  float:left;
  background-color: black;
}

* html #keyvisual {
  margin-right: -3px;
}

#login {
	margin-top: 10px;
	line-height: 18px;
}

#login input {
	border: 1px solid #999;
	padding-left: 2px;
	margin-bottom: 2px;
	width: 200px;
}

/* middle bottomline, used for status information */
#middlebottom {
  width:608px;
  height:32px;
  background-color: #999;
  float:left;
  font-size: 11px;
  color: white;
  padding: 4px;
}

* html #middlebottom {
  width: 616px;
  height: 40px;
  margin-left: 3px;
  margin-right: -3px;
}

/* Site identification */
#siteident {
  width: 188px;
  height: 32px;
  padding: 4px;
  color: white;
  font-weight: bold;
  float: left;
  background-color: #999;
  font-size: 18px;
  text-align: center;
}

* html #siteident {
  margin-right: -3px;
  height: 40px;
  width: 196px;
}
 
/* main content */
#maincontent .information {
	border: 1px solid #ddd;
	background-color:#eee;
	padding: 5px 5px 0 5px;
	margin-bottom: 10px;
}

#maincontent .information label {
	width: 150px;
}

#maincontent .information input, #maincontent .information select {
	font-size: 11px;
	border: 1px solid black;
}

option {
    padding: 0 2px;
}

input {
    padding: 0 5px;
}

/* option classes */
.optclass1 {
    background-color: #e9e9e9;
}
.optclass2 {
    background-color: #ececec;
}
.optclass3 {
    background-color: #f3f3f3;
}
.optclass4 {
    background-color: #f9f9f9;
}
.optclass5 {
    background-color: #fcfcfc;
}

/* group classes */
.groupclass0 {
}
.groupclass1 {
    color: #327ff6;
}
.groupclass2 {
    color: #d12028;
}


/* pagers */
.pager {
	text-align: center;
	clear: both;
	font-family: verdana, helvetica, arial;
	font-size: 10px;
	font-weight: normal;
	margin: 4px 0;
}

.pager a {
	padding: 0 5px;
	color: #000;
	background-color: #fff;
	text-decoration: none;
}

.pager a:hover {
  color: white;
  background-color: #d12028;
}

span.pg_active {
	padding: 0 5px;
	color: white;
	background-color: #d12028;
	text-decoration: none;
}

/* debug */
#debug {
    border: 1px solid black;
    height: 150px;
    overflow: auto;
}

#debug PRE {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
}

.msg_warning{
  color: red;
  font-weight: bold;
}