/* global settings */
span.warning { color: red }
span.highlight { color: #ea7825 }

@media screen { span.formfunction {
  display: block;
}}

@media print { span.formfunction {
  display: none;
}}

@media screen { span.reportparameters {
  display: none;
}}

@media print { span.reportparameters {
  display: block;
}

div.securityAdmin {
  display: none;
}

div.securityAdmin:hover {
  display:none;
}
}

@media screen {
  div.quickBar {
    text-align: center;
    padding: 4px;
    position: fixed;
    display: block;
    background: #DCDAD5;
    top: 0;
    left: auto;
    right: auto;
    border: 1px;
    border-style: solid;
    z-index: 20;
  }

  div.quickBar span {
    padding: 4px;
    position: relative;
    left: 0;
    font-size: 17px;
    border-color: black;
    border-left: 1px;
    border-right: 1px;
    border-top: 0px;
    border-bottom: 0px;
    border-style: solid;
  }

  div.quickBar span span {
    padding: 0px;
    display: none;
    position: absolute;
    background: white;
    margin: 2px;
    left: 0;
    z-index: 22;
  }

  div.quickBar span:hover span {
    display: block;
  }
}

@media screen {
div.functionExecInfo {
  display: block;
  position: fixed;
  bottom: 5px;
  right: 3px;
  width: 10px;
  height: 10px;
  overflow: hidden;
  padding: 0px; margin: 0px; z-index: 5;
  border-style: none;
  color: #EE0000;
  background: #EE0000;
  font: 12px Arial, sans-serif; text-align: left;
  z-index: 10;
}

div.functionExecInfo:hover {
  z-index: 10;
  bottom: 5px;
  right: 3px;
  width: auto;
  height: auto;
  overflow: auto;
  color: #000000;
  background: #EEEEEE;
  font: 16px Arial, sans-serif; text-align: left;
}
}

@media screen {
div.securityAdmin {
  display: block;
  position: fixed;
  bottom: 15px;
  right: 3px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0px; margin: 0px;
  border-style: solid;
  border-width: 5px;
  border-color: #00AA00;
  color: #00AA00;
  background: #00AA00;
  font: 1px Arial, sans-serif; text-align: left;
  z-index: 10;
}

div.securityAdmin:hover {
  z-index: 100;
  bottom: 15px;
  right: 3px;
  width: auto;
  height: auto;
  overflow: scroll;
  color: #000000;
  background: #EEFFFF;
  font: 16px Arial, sans-serif; text-align: left;
}
}

@media screen {
span.outsidelinks {
  display: block;
  position: fixed;
  top: 30px;
  left: 3px;
  width: auto;
  height: auto;
  padding: 0px; margin: 0px;
  border-style: none;
  color: #000000;
  font: 16px Arial, sans-serif; text-align: left;
  z-index: 9;
  overflow: hidden;
}
}

@media print { span.outsidelinks {
  display: none;
}}

svg {
  overflow: auto;
}

@media print { div.functionExecInfo {
  display: none;
}}

@media screen { div.main {
  text-align: center;
  display: block;
  position: absolute;
  left: 20px;
  right: 5px;
  z-index: 1;
}}

@media print { div.main {
  text-align: center;
  display: block;
  position: relative;
  left: 25px;
  right: 25px;
  z-index: 1;
}}

table {
  empty-cells: show;
}

div.main table {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

div.main table td {
  color: white;
}

div.suggest {
  position: absolute;
  background-color: #FFFFFF;
  text-align: left;
  border: 1px solid #000000;
}

div.suggestro {
  position: absolute;
  background-color: #FFFFFF;
  text-align: left;
  border: 1px solid #000000;
}

.suggest_link {
        background-color: #FFFFFF;
        padding: 2px 6px 2px 6px;
}
.suggest_link_over {
        background-color: #3366CC;
        padding: 2px 6px 2px 6px;
}

@media screen { span.infoBox {
   display: block;
   position: absolute;

   width: 160px;
   padding: 5px; margin: 10px;
   border-style: solid;
   border-color: #000000;
   border-width: 1px;
   color: #000000; background: #FAFAFF;
   font: 14px Arial, sans-serif; text-align: center;
   font-weight: bold;
   z-index: 10;
}}

@media print { span.infobox {
   display: block;
   position: absolute; top: 5px; right: 0px; width: 160px;
   padding: 5px; margin: 10px; z-index: 1; 
   border-style: none;
   border-width: 1px;
   color: #000000;
   background: #FFFFFF;
   font: 10px Arial, sans-serif;
   text-align: right;
   font-weight: bold;
}}

@media print { span.optionbox {
   display: block;
   position: absolute; top: 5px; left: 0px; width: 160px;
   padding: 1px; margin: 10px; z-index: 1;
   border-style: solid;
   border-color: #000000;
   border-width: 1px;
   color: #000000; background: #FAFAFF;
   font: 14px Arial, sans-serif; text-align: center;
   font-weight: bold;
}}

@media screen { span.optionbox {
   display: none;
}}

@media screen { span.printlogo {
   display: none;
   position: absolute; bottom: 5px; right: 0px;
}}

@media print { span.printlogo {
   display: block;
   position: absolute; top: 5px; left: 0px;
}}

fieldset {
  border-width: 0;
  margin: 0;
  padding: 0;
}

@media screen { div.tableHeader
{
  display: block;
  position: fixed;
  top: 30px;
  left: 170px;
  width: 200px;
  padding: 1px;
  margin: 2px;
  z-index: 9;
  color: white;
  border-style: solid;
  border-color: #41478e;
  border-width: 1px;
  background: #2a4f2e;
  font: 12px Verdana, sans-serif;
  font-weight: bold;
  text-align: center;
} }

@media print { div.rowinfo
{
  display: none;
} }


div.invisible
{
  display: none;
}

thead tr td,
tbody tr td {
  color: white;
}

table.solid tbody tr td {
  background: white;
  color: black;
}

table.solid thead tr td {
  color: black;
  font-weight: bold;
  background-color: #cccccc;
  text-align: center;
  vertical-align: top;
}

tr.datahidden
{
  display: none;
}

tr.hiddenRow
{
  display: none;
}

td {
  padding: 4px;
}

td.updating {
   color: white; background: green;
   font: 12px Verdana, sans-serif;
}

td.nowrap {
  white-space: nowrap
}

tr.updating {
   color: white; background: green;
   font: 12px Verdana, sans-serif; text-align: center;
}

tr.error {
   color: white; background: red;
   font: 12px Verdana, sans-serif; text-align: center;
}

thead tr {
  font-weight: bold;
}

tr.heading
{
font-weight: bold;
}

tr.heading td
{
  text-align: center;
  background: rgb(235,235,255);
  color: black;
}

tr.headingnoalign td
{
  background: rgb(235,235,255);
}

tr.total:hover
{
  background: rgb(235,255,235);
}

input.number
{
  text-align: right;
}

input.updating
{
  background: green;
}

h1
{
font-size: 150%;
}

h2 
{
font-size: 125%;
}

h2.pagebreak
{
  page-break-before: always;
}

h3
{
font-size: 110%;
}

tr.total
{
font-weight: bold;
}

tr.highlight
{
font-weight: bold;
color: rgb(189,97,16);
}

td.sidemenu
{
  width: 10%;
  vertical-align: top;
}

td.field
{
background-color: rgb(200,245,240);
border-style: solid;
border-width: 1px;
}

td.calendar:hover
{
  background: rgb(210,240,255);
}

td.today {
  background: rgb(255,215,215);
}

tr.menu:hover
{
  background: rgb(210,240,255);
}

tr.history
{
  background: #EACD7A;
}

tr.data:hover
{
  background: rgb(255,234,255);
}

tr.data.highlight
{
  background: rgb(255,255,0);
}

obsolete
{
color: rgb(189,97,16);
}

a
{
  text-decoration: none;
  /*font-weight: bold;*/
  color: rgb(42,79,46);
}

a:visited
{
  color: rgb(167,126,98);
}

a:hover
{
  text-decoration: underline;
  color: rgb(167,126,8);
}

wherebox
{
  font-weight: bold;
  color: #886d6d;
}

span.bold
{
  font-weight: bold;
  font-size: larger;
}

span.popUp
{
  position: fixed;
  z-index: 21;
  background: white;
  margin-left: auto;
  margin-right: auto;
  max-height: 500px;
  overflow: auto;
}

span.popUp div.titleBar
{
  text-align: right;
  background: #555555;
  color: white;
  font-size: 14pt;
  border: 3px;
  border-style: solid;
  border-color: black;
}

span.popUp div {
  border: 3px;
  border-style: solid;
  border-color: black;
}

ul.tabs {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.tabs li {
  display: inline;
  border: solid;
  border-width: 1px 1px 0 1px;
  margin: 0 0.5em 0 0;
}

ul.tabs li a {
  padding: 0 1em;
}

ul.tabs #selected {
  padding-bottom: 1px;
  background: white;
}

span.tabContents {
}

div.section {
  height: 50px;
  overflow: hidden;
  border: 1px;
  width: 33%;
  text-align: center;
}

div.section h2 {
  color: #336655;
}

div.section:hover {
  border: 1px;
  height: auto;
  overflow: auto;
  width: 100%;
}

/* menu */
@media screen {
#menu {
  position: absolute;
  top: 35px;
  left: 5px;
  width: 74px;
  height: 65px;
  font: 16px Arial, sans-serif;
  z-index: 9;
  overflow: hidden;
}

#menu:hover {
  position: absolute;
  top: 50px;
  left: 5px;
  width: 700px;
  height: 2000px;
  font: 16px Arial, sans-serif;
  z-index: 9;
  overflow: visible;
}

#menu div.icon {
  display: block; 
}

#menu:hover div.icon {
  display: none;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu a, #menu h2 {
  font: bold 11px/16px arial, helvetica, sans-serif;
  display: block;
  border-width: 1px;
  -moz-border-radius: 20px;
  border-style: solid;
  border-color: #ccc #888 #555 #bbb;
  margin: 0;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
  display: block;
  text-align: left;
  font: bold 1em sans-serif;
  padding: 4px 8px 2px;
  margin: 0 0 0px;
  border-width: 1px;
  border-color: black;
  border-style: solid;
  text-decoration: none;
  color: rgb(42,79,46);
  background: white;
  border-bottom: 2px solid black;
}

#menu a.customer {
   background: #EA7825;
}

#menu a.item {
   background: #EAF851;
}

#menu a.order {
   background: #C595E3;
}

#menu a.production {
   background: #9F98FF;
}

#menu a.logistic {
   background: #8FB7DD;
}

#menu a.logisticsub {
   background: #CFC7FF;
}

#menu a.logisticreport {
   background: #8FDDB7;
}

#menu a.sales {
   background: #AAEEAA;
}

#menu a.system {
   background: #FFCF9F;
}

#menu a.postal {
  background: #FE0000;
}

#menu a:hover {
   background: #C097BF;
}

#menu a span {display: none;}
#menu a:hover span {display: block;
   position: fixed; top: 25px; left: 150px; width: 240px;
   padding: 5px; margin: 10px; z-index: 9; 
   border-style: solid;
   border-color: #2a4f2e;
   border-width: 5px;
   color: #FFFFFF; background: #b68e15;
   font: 14px Verdana, sans-serif; text-align: center;
   font-weight: bold}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {
  position: relative;
  width: 150px;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

}

@media print {
 #menu {
   display: none;
 }

#manu a { padding: 4px 8px 2px }

#menu a, #menu h2 {
  display: none;
}

#menu ul {
  list-style: none;
}

#menu a {
  display: none;
}

 div#menu ul ul li:hover ul,
 div#menu ul ul ul li:hover ul
 {display: none;}
}

div#ideas {
  text-align: center;
  position: fixed;
  bottom: 40px;
  left: 20px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  border: 5px;
  border-style: solid;
  padding: 0px;
  background: red;
}

div#ideas div#ideaBox {
  display:none;
}

div#ideas:hover {
  position: fixed;
  bottom: 40px;
  left: 20px;
  width: auto;
  height: 250px;
  overflow: scroll;
  border: 0px;
  border-style: none;
  padding: 0px;
  background: white;
}

div#ideas:hover div#ideaBox {
  display: block;
  text-align: center;
}

div.popUp {
  position: fixed;
  background: #555555;
}

div.popUp div.innerPopup {
  background: white;
}

div.popUp span.titleBar
{
  text-align: right;
  background: #555555;
  color: white;
  font-size: 14pt;
  border: 3px;
  border-style: solid;
  border-color: black;
}

div.popUp div {
  border: 3px;
  border-style: solid;
  border-color: black;
}

/* debug box */
@media screen { span.debugbox
{
  display: block;
  position: fixed;
  bottom: 3px;
  height: 10px;
  background-color: #FFEEEE;
  font-family: monospace;
  border: solid black 3px;
  left: 10px;
  width: 140px;
  overflow: scroll;
  text-align: center;
  padding: 10px;
  font: 12px Arial, sans-serif;
  z-index: 2;
}}

@media print { span.debugbox
{
  display: none;
}}

span.debugbox:hover
{
  position: fixed;
  bottom: 3px;
  height: 200px;
  background-color: #FFEEEE;
  font-family: monospace;
  border: solid black 3px;
  left: 10px;
  right: 10px;
  width: auto;
  overflow: scroll;
  text-align: left;
  padding: 10px;
  font: 12px Arial, sans-serif;
  z-index: 9;
}

/* To Make the editble Urls mouse cursor look like a editor cursor */
a.urlField {
  cursor:text;
}

span.mediaDescription {
  font: 18px Arial, sans-serif;
  color: black;
}

span.mediaTitle {
  color: black;
}

span.mediaVote {
  font-size: 20px;
  color: white;
}

span.voteUp,
span.voteUpLogin {
  color: black;
  cursor: pointer;
}

span.voteUp.selected {
  color: blue;
}

span.voteDown,
span.voteDownLogin {
  color: black;
  cursor: pointer;
}

span.voteDown.selected {
  color: blue;
}

span.tableVote {
  font-size: 20px;
  color: white;
}

span.tableVote label {
  font-size: 12px;
}

span.tableVoteUp {
  color: black;
  cursor: pointer;
}

span.tableVoteUp.selected {
  color: blue;
}

span.tableVoteDown {
  color: black;
  cursor: pointer;
}

span.tableVoteDown.selected {
  color: blue;
}


#video-wrapper p,
#picture-wrapper p {
  width: 186px;
  padding: 15px 18px;
  font-size:11px;
  color: #eeeeee;
  margin-right:17px;
  font-weight:bold;
  background: #666666;
  height: 250px;
}

#video-wrapper p.last-video,
#picture-wrapper p.last-video {
  margin-right:0;
}

#video-wrapper h2, #video-wrapper-videos h2 {
color:#7f0612;
font-size:14px;
}
#video-wrapper img {
  text-align: center;
}
#video-wrapper span.videoDescription {
  color: #FF0000;
  text-align: center;
}

#picture-wrapper img {
  text-align: center;
}

#picture-wrapper a img {
  border: 2px solid #534741;
}

#picture-wrapper a:hover img {
  border: 2px;
  border-style: solid;
  border-color: #6f3738;
}

#picture-wrapper span.videoDescription {
  color: #FF0000;
}


#viewvideo-wrapper {
  padding: 20px;
  text-align: center;
}

#viewvideo-wrapper p.spacer {
  width: 35px;
  float: left;
}

#viewvideo-wrapper a {
  color: #ff0000;
}

#viewvideo-wrapper p {
  color: white;
  font-size: 16px;
}

div#mediaCommentBlock {
  max-width: 340px;
}

#viewpicture-wrapper {
  padding: 20px;
  text-align: center;
}

#viewpicture-wrapper a {
  color: #ff0000;
}

#viewpicture-wrapper p {
  color: white;
  font-size: 16px;
}

#viewpicture-wrapper img {
  border-style: solid;
  border-width: 2px;
}

#viewpicture-wrapper p.spacer {
  width: 35px;
  float: left;
}

#viewpicture-wrapper p#mediaCommentBlock {
  max-width: 340px;
}



myButton {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: italic;
  color: #000000;
  background-color: #c1c1c1;
  padding:5px;
  border-spacing: 5px;
  height: 28px;
  padding: 2px 10px 3px 10px; 
  width: 100px;
  border: 1px solid #000000;
}

col{
  padding-left:20px;
  margin-left:40px;
  background-color:#2e3b44;
  padding-top:30px;
  color:#c1c1c1;
  font-size:12px;
  width:950px;
  border:0;
  height:700px;
  padding-bottom:70px;     

}

col2 {
  clear: both;
  width: 960px;
  margin: 0 10px 2em;
  background: #535353 url(gfx/content_bg.jpg) 0 100% no-repeat;
}

#forgotpassword_content{
  padding-left:120px;
  margin-left:10px;
  padding-top:20px;
  min-height: 800px;
}

#forgotpassword_form{
  background-color:#535353;
  padding-top:10px;
  color:#c1c1c1;
  font-size:13px;
  width:690px;
}

#REAL_SELF {
  display: none;
}

/*- index page -*/
#video-wrapper-category {
  float:left;
  border:1px solid #8a8b8c;
  width:158px;
  margin-top:25px;
  background: #666 url(gfx/category_bg.png) repeat-x center top;
}
#video-wrapper-category h3 {
  margin:15px 0 11px 11px;
  font-size: 13px;
  color:#ccc;
}
#video-wrapper-category p {
  text-align:left;
  padding:11px;
  margin:0;
  width:auto;
  height: auto;
  font-weight:normal;
}
#video-wrapper-category p a {
  color:#ccc;
}
#video-wrapper-category p em {
  display:block;
  font-size:11px;
  color:#333;
}
#video-wrapper-category p.even {
  background-color:#858585;
}
#video-wrapper-links {
  width:110px;
  float:left;
  text-align:right;
}
#video-wrapper-links a{
  display:block;
  color:#000;
  font-size:12px;
}
#video-wrapper-videos {
  width:700px;
  float:left;
  margin-left: 18px;
}
#video-wrapper-videos p a {
  color:#fff;
  font-size:14px;
}
#video-wrapper-videos .stars {
  width:auto;
}
#video-wrapper-videos div.self-clear {
  background: url(gfx/video-bg.png) repeat-y left top;
}
span.googleFrameInstaller {
  position: absolute;
  right: 10px;
  top: 5px;
}

html {
  background-color: #000;
}

div.loginRequired {
  font-size: 120%;
}

div.loginRequired a {
  color:#00aaff;
}

form.loginForm td { 
  white-space:nowrap;
}

span.tableVote {
  white-space:nowrap;
}

table.faq tr {
  vertical-align: top;
}


table#faqreport tr {
  vertical-align: top;
}

table#faqreport tr td {
  padding-bottom: 15px;
}

table#faqreport span.userName {
  padding-left: 20px;
}

span.userName {
  color: #885500;
}

#TB_window table thead tr td,
#TB_window table tbody tr td {
  color: black;
}

a.submit,
a.submit:visited { font-size: 120%; color:#00aaff }
/*- video page -*/


table.headings,
table.headings tr td,
table.headings tbody tr td {
  color: black;
}

div#wrapper {
  margin-left: 100px;
}

/* For Nivo Slider */
.slider {
	position:relative;
}
.slider img {
	position:absolute;
	top:0px;
	left:0px;
}

/*
 * Note: Include the nivo-slider.css file that comes
 * with the main download before including this file.
 */

#slider {
	position:relative;
	margin:30px 30px 60px 30px;
	background:#202834 url(gfx/loading.gif) no-repeat 50% 50%;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
}


/*
.nivo-controlNav {
	position:absolute;
	left:47%;
	bottom:-30px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(gfx/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

*/
.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(gfx/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}

div#menu {
  color: white;
}

td span.toolTip {
  display: none;
}

td:hover span.toolTip {
  position: absolute;
  display: block;
  margin-top: 15px;
  background-color: white;
  border: 1px solid black;
  padding: 3px;
}