#viewport {
    width: 1024px;
    height: 450px;
    margin: auto;
    margin-top: 1.33%;
}

#footer {
	background: white url('images/logo_basf.png') scroll no-repeat top right;
}

#logo {
    float: left;
    height: 64px;
    width: 202px;
}

#rightpane {
    width: 20%;
}
#leftpane {
    width: 0px;
}
#mainpane {
    margin-left: 0px;
	 margin-right: 22%;
}
.panel {
	margin-top:1.5em;
}

#pagesel {
	text-align:right;
}
#pagesel a {
	font-size:1em;
	font-weight:normal;
	margin-right:0.5em;
}
#pagesel a.selected {
	background:#d0d0ff;
}

.edit {
	border:1px solid lightgrey;
}
.edit input {
	border:0px none;
	padding:3px;
	margin:0px;
}
.edit button {
	border:0px none;
	margin:0px;
}
.edit button img {
	vertical-align:top;
}
.edit #filter {
	width:10.3em;
}

.nd_selected {
	color:#0282d6;
	padding-left:12px;
}

/* state 0 start */
body.state0 #viewport {
	width:959px;
}
body.state0 #header {
	background: white url('images/logo_relius.png') scroll no-repeat center right;
}
body.state0 #content {
	background: white url('images/bg_state0.jpg') scroll no-repeat top center;
	padding-top: 283px;
	min-height: 300px;
}
/* state 0 end */

/* navbar start */
body.state1 #header {
    background: white url('images/bg_header.jpg') scroll no-repeat;
    height: 98px;
}

body.state1 #navbar {
    padding-top: 5.8em;
    text-transform: none;
    text-align: right;
}

body.state1 #navbar a {
    color: black;
    font-weight: normal;
    font-size: 1em;
}

body.state1 ul.menu li.selected {
    background: transparent;
    border: 0px none;
}

body.state1 ul.menu li.selected a {
    border-bottom: 1px solid black;
}
/* navbar end */

table.hotrows tbody tr:hover  {
	background:#ebffeb;
}

#frmLogin {
	margin:0px;
}

#frmLogin table {
    width: auto;
}

#frmLogin table tbody tr td {
    width: 20%;
}

#frmLogin table tbody tr td + td {
    width: auto;
    text-align: left;
}

#frmLogin table tbody tr td + td + td {
    width: 50%;
    text-align: left;
    font-size: 0.8em;
}

#frmLogin button {
    text-align: center;
}
/* ul-menu lists */
ul.menulist {
	padding: 0;
	margin: 0;
}
ul.menulist li {
	display: inline;
	margin-right: 20px;
}
ul.menulist li input {
	margin-right: 10px;
}
/* ul-menu lists end */

/* adminpanel */
.adminpanel {
	padding: 1em 0 0 0;
	margin: 0;
}
.adminpanel h1,
.adminpanel h2 {
	text-transform: uppercase;
	margin: 0;
	font-size: 1em;
	line-height: 2em;
	font-weight: bold;
	padding: 0 0.5em 1em 0;
	background: url("images/hline_1er.gif") left 1.5em repeat-x;
	display:inline;
	clear: both;
}
.adminpanel h1 {
	font-size: 1.25em;
}
.adminpanel a {
	margin-top: 1em;
	color:#0282d6;
}
.adminpanel form {
	margin-top: 1em;
}
.adminpanel button,
.adminpanel button *,
.adminpanel a * {
	color:#0282d6;
}

.adminpanel > span {
	display: block;
}
.adminpanel div.panelbox {
	float: left;
	width: 480px; 
	padding:10px;
}
.adminpanel ul {
	color:#0282d6;
	list-style: square;
	padding-left: 15px;
}
.adminpanel ul li {
	color:black;
}
/* adminpanel end */
#order_show {
	width:100%;
	margin-top:0.0em;
}

/* pgl start */
.pgl #content  { position: relative; background: url('images/tsbbg.jpg') left top no-repeat; margin-top: -11px; }
.pgl #content h3 { margin: 0; padding: 0; }
.pgl #contentpos { padding: 10px; position: relative; min-height: 300px;}
.pgl #contentpos * {}
.pgl #contentpos th { color: #333333; }

.pgl ul.submenu { display: block; text-align: center; margin-bottom: 20px; padding-top: 10px; }
.pgl ul.submenu li { display: inline; margin: 0 10px; }
.pgl ul.submenu li a { font-weight: normal; font-size: 13px; text-decoration: none; color: #000000;}
.pgl ul.submenu li.current { border-bottom: 1px solid #000000; }

.pgl ul#subnav { position: absolute; left: 600px; top: 0;  }
.pgl ul#subnav li {display: block; }
.pgl ul#subnav li a { font-weight: normal; font-size: 11px; text-decoration: none; color: #666666; }
.pgl ul#subnav li.selected { border-bottom: 1px solid #000000;   }
.pgl ul#subnav li.selected a { color: #000000;   }

.pgl #predictiontable * { font-size: 9px; }
.pgl #predictiontable th { font-weight: bold; color: #333333; text-align: left !important; font-size: 12px; }
.pgl .predinput_save { width: 30px; color: #666666; }
.pgl .predinput { width: 30px; color: #000000; }

.pgl #rankingtable { width: 100%; }

.pgl #leawinten {position: absolute; left: 570px; top: 30px;width:220px;}
.pgl #leawinten * { margin: 0; padding: 0; font-size: 12px;}

/* pgl end */