/* $Id: screen.css 17034 2010-06-29 22:17:07Z js $ */

body, table, select, input, textarea {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 8.1pt;
    color: #000033;
}

body {
    background: #ffffff;
    padding: 0;
    margin: 0;
}

form {
    padding: 0;
    margin: 0;
    display: inline;
}

#center {
    width: 100%;
}

#container {
    width: 860px;
    margin: 0px auto;
    text-align: left;
    position: relative;
}

.input-text-a, .input-text-b, .input-text-c, .input-text-d, .input-text-login, .input-text-view, .input-text-search, .input-text-normal, .input-text-amount, .input-text-city, .input-text-small, .input-text-card, .input-text-payment-type, .input-text-prodsearch {
    border-top: 1px solid #888;
    border-left: 1px solid #888;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 1px;
}


.header {
    height: 122px;
    background: #00387a;
}

.genbyg {
    margin: 15px 0 0 20px;
}


.top-menu {
    list-style: none;
    padding: 0;
    margin: 0 5px 0 0;
    float: right;
}

.top-menu li {
    display: inline;
}

.top-menu li a {
    padding: 0 4px 0 7px;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
    border-left: 1px solid #fff;
}

.top-menu li a.active, .top-menu li a:hover {
    color: #ccc;
}

.top-menu li.first a {
    border: none;
}
/*
.top-basket {
    position: absolute;
    right: 10px;
    top: 40px;
}
*/

.top-basket {
    float: right;
    margin: 20px 10px 0 0;
}

.basket-box {
    background: url(../images/basket_box.gif) no-repeat 0 0;
    width: 176px;
    height: 68px;
    font-size: 9px;
    line-height: 15px;
}

.basket-box .inner {
    padding: 10px 10px 0 10px;
}

.basket-box .inner .submit {
    margin: 5px 0 0 0;
    float: right;
}

.basket-box h5 {
	margin: 0;
	padding: 0 0 3px 0;
}
.basket-box h5 a {
	font-size: 12px;
	color: #000033;
}

.basket-box a:hover {
    text-decoration: none;
}

.header-line {
    font-size: 2px;
    border-top: 1px solid #9b0000;
    margin: 2px 0 0 0;
}


#top-nav a {
    padding: 0 10px 0 10px;
    background: url(../images/link.gif) no-repeat 0% 50%;
}

#top-nav a.first {
    padding: 0 8px 0 0;
    background: none;
}


#left {
    width: 170px;
    vertical-align: top;
}

#right {
    width: 690px;
    vertical-align: top;
    padding-top: 10px;
}

.table-content {
    width: 100%;
}
/*
.scroll {
*/
/*  overflow: auto;
    height: 550px; */
/*  width: 600px;
    margin-left: 12px;
}
*/

.footer {
    padding-top: 5px;
    margin: 5px 0 5px 0;
    border-top: 1px solid #245b8e;
}

address {
    text-align: center;
    font-size: 8pt;
    font-style: normal;
}

.leftbar {
    margin-top: 10px;
}


.menu {
    list-style: none;
    margin: 20px 0 20px 0;
    padding: 0;
}

.menu li {
    padding: 2px 0 2px 0;
    border-bottom: 1px solid #9b0000;
}

.menu li.first {
    border-top: 1px solid #9b0000;
}

.menu li div {
    padding-left: 10px;
    background: url(../images/link.gif) no-repeat 0% 50%;
}

.menu li ul li div {
    padding-left: 0;
    background: none;
}

.menu li a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    color: #000;
}

.menu li a.active, .menu li a:hover {
    color: #9b0000;
    text-decoration: none;
}

.menu li a.active {
    font-weight: bold;
}

.menu li ul {
    list-style: none;
    margin: 0 0 0 25px;
    padding: 0;
}

.menu li ul li, .menu li ul li.first {
    border-bottom: none;
    border-top: none;
}

.menu li ul li.first {
    margin-top: 3px;
}

.menu li ul li a {
    background: none;
    padding: 0;
}

/*
.menu li ul {
    margin: 2px 0 0 0;
    padding: 0;
    list-style: none;

}

.menu li ul li {
    margin: 0;
    padding: 0 0 0 4px;
    line-height: 11pt;
    list-style: none;
}

.menu li ul li a {
    color: #333333;
    text-decoration: none;
}

.top-menu li a {
    padding: 0 4px 0 7px;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
    border-left: 1px solid #fff;
}

.top-menu li a.active, .top-menu li a:hover {
    color: #ccc;
}

.top-menu li.first a {
    border: none;
}
*/

.search-box {
    margin: 0 0 0 0;
    position: relative;
}

.search-box .input-text-search {
    color: #9b0000;
    text-align: right;
    width: 130px;
}

.search-box .input-boxtext {
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 4px 0;
    color: #021553;
}

.search-box .search-but {
    float: right;
    position: absolute;
    right: 4px;
    top: 18px;
}

.home-date {
    color: #565656;
    text-transform: uppercase;
    font-size: 10px;
    clear: both;
    margin-top: 10px;
}


h1 {
    font-family: arial, helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 0 0;
    margin: 0 0 12px 0;
    color: #021553;
}

h2 {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 6px 0 2px 0;
    color: #000;
}

h3 {
    font-size: 10pt;
    font-weight: bold;
    margin: 0;
    padding: 4px 0 6px 0;
    color: #000033;
}

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

a {
    color: #333333;
    text-decoration: none;
}

a.link {
    background: url(../images/link_r.gif) no-repeat 0% 50%;
    padding-left: 10px;
    color: #9b0000;
}

a.linkRoed {
    color: #9b0000;
}

a.linkVarehistorier {
     font-weight:bold;
     padding-left: 0px;
}

a:hover {
    color: #333333;
    text-decoration: underline;
}

div.c {
    clear: both;
}

.imgright {
    float: right;
    padding: 0 0 5px 5px;
}

.imgleft {
    float: left;
    padding: 0 5px 5px 0;
}


.reserved {
    color : #005BAB;
}


#rightbox {
    float: right;
    width: 182px;
}

#rightbox h1 {
    background: url(../images/rightbox_top.jpg) no-repeat;
    margin: 0;
    padding: 1px 0 1px 1px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

#rightbox .box {
    background: #e6e6e6 url(../images/rightbox_footer.gif) no-repeat 0% 100%;
    margin: 0 0 20px 0;
    padding: 6px 6px 4px 6px;
    font-size: 10px;
}

.dotted {
    background: url(../images/dotted.gif) repeat-x 0% 50%;
}

.products-cat {
    height: 140px;
    width: 130px;
    float: left;
    text-align: center;
    background: url(../images/dotted_vert.gif) repeat-y 100% 0%;
}

.products-cat-first {
    height: 140px;
    background: url(../images/dotted_vert.gif) repeat-y 0% 0%;
}

.products-cat .img {
    height: 100px;
}

.products-cat a.link {
    background: none;
    padding-left: 10px;
    color: #000;
    font-weight: bold;
}

.products-paging {
    color: #00397e;
}

.products-paging a {
    color: #00397e;
}

.products-paging a.next {
    color: #00397e;
    background: url(../images/link_b.gif) no-repeat 100% 50%;
    padding-right: 10px;
    font-weight: bold;
}

.products-paging a.prev {
    color: #00397e;
    background: url(../images/link_br.gif) no-repeat 0% 50%;
    padding-left: 10px;
    font-weight: bold;
}

.products-paging a.sel {
    color: #9b0000;
    font-weight: bold;
}

#productsearch {
    background: #e6e6e6;
    padding: 2px 8px 4px 8px;
    clear: both;
    margin: 3px 0 3px 0;
}

#productsearch h2 {
    padding: 0;
    margin: 0 0 3px 0;
}

#productsearch .input-boxtext {
    padding-top: 3px;
}

#productsearch .input-text-prodsearch {
    width: 120px;
}

.alert {
    color: #9b0000;
}


#admin-list td, #admin-list th {
    padding: 1px 10px 1px 0px;
}

#admin-list th {
    border-bottom: 1px solid #000;
}

#admin-list td.r {
    text-align: right;
}

#admin_omsaetning{
position:absolute;
top:130px;
left: 500px;
}

#admin_boxTotal {
position:absolute;
top :40px;
left:520px;
}
#admin_boxTotal em{
font-style:normal;
font-weight:bold;
}
#admin_back{
position:absolute;
top :90px;
left:760px;
}

#basketlist th {
    padding: 10px 4px 0 0;
    border-bottom: 1px solid #000;
}

#basketlist td {
    padding: 2px 4px 0 0;
}

#basketlist .r {
    text-align: right;
}

#basketlist .prices td {
    border-top: 1px solid #000;
    padding-top: 4px;
    padding-bottom: 4px;
}

#basketlist .total td {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-top: 4px;
    padding-bottom: 4px;
}




.input-text-normal {
    width: 200px;
}

.input-text-amount {
    width: 20px;
    text-align: right;
}

.input-text-city {
    width: 129px;
}

.input-text-small {
    width: 40px;
}

.input-text-card {
    width: 140px;
}


.input-text-payment-type {
    width: 200px;
}

.input-text-addbasket {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    background-color: #fff;
    margin-top: 5px;
}


.home-table {
    clear: both;
    margin: 10px 0 10px 0;
}

.home-table tr td {
    padding: 0 10px 4px 0;
    vertical-align: top;
}

.home-table tr td img {
    margin-bottom: 3px;
}

.home-box a {
    border: 1px solid #fff;
    padding: 2px;
    display: block;
}

.home-box a:hover {
    text-decoration: none;
    border: 1px solid #000;
}


.notify-list, .notify-list li ul {
    list-style: none;
    margin: 2px 20px 2px 0;
    padding: 0;
}

.notify-list li {
    padding: 2px 0 2px 0;
}

.notify-list li ul li {
    padding: 2px 0 2px 30px;
}


/* admin styles */

form {
    margin: 0;
    padding: 0;
}

.input-text-login {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid #919191;
    padding: 1px;
    width: 200px;
}

.input-text-view {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid #919191;
    padding: 1px;
    width: 250px;
}

.input-but {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    background-color: #fff;
    margin-top: 5px;
}

.adminlist, .adminlist2 {
    width: 99%;
    text-align: left;
    border-collapse: collapse;
}

.adminlist th {
    vertical-align: top;
    font-weight: normal;
    background-color: #ccc;
    border-bottom: none;
    padding: 1px 3px 3px 3px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-right: 3px solid #fff;
}

.adminlist.new th {
    vertical-align: top;
    font-weight: normal;
    background-color: #ccc;
    border-bottom: none;
    padding: 1px 6px 3px 6px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-right: 3px solid #fff;
}

.adminlist2 th {
    vertical-align: top;
    font-weight: normal;
    background-color: transparent;
    border-bottom: none;
    padding: 1px 3px 3px 3px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-right: 3px solid #fff;
}

.adminlist2 tr.product-line td {
	border-bottom: 1px solid #f3f3f3;
}

.adminlist tr.head td {
	background-color: #f3f3f3;
	border-right: 3px solid #fff;
}

.adminlist td, .adminlist2 td {
    /* border-bottom: 1px solid #ddd; */
    /* border-right: 3px solid #fff; */
    padding: 3px;
    text-align: left;
    vertical-align: top;
}


.adminlist td.edit, .adminlist2 td.edit {
    /* background-color: #eee; */
    font-weight: bold;
}

.adminlist td.alt, .adminlist2 td.alt {
    /* background-color: #f3f3f3; */
}


.adminframe {
    width: 99%;
    border: 1px solid #ddd;
    margin: 5px 0 20px 0;
    clear: both;
}

.adminframe h5 {
    background-color: #ccc;
    padding: 1px 3px 3px 3px;
    font-weight: normal;
    font-size: 11px;
}

#cmsedit {
    padding: 10px;
}

.admin-product-box, .admin-category-box {
    border: 1px #eee solid;
    margin: 0 10px 10px 0;
    float: left;
    padding: 10px;
    width: 300px;
    height: 350px;
}

.admin-category-box {
    border: 1px #eee solid;
    margin: 0 10px 10px 0;
    float: left;
    padding: 10px;
    width: 150px;
    height: 150px;
}


.colors-color {
    float: left;
    margin: 0 20px 20px 0;
}

/*Jon_Stuff*/

#overskrift{
position : absolute;
top : 60px;
left : 550px;
z-index : 1;
}
#graf{
position : absolute;
top : 80px;
left : 10px;
z-index : 1;
}
#txt{
position : absolute;
top : 350px;
left : 10px;
z-index : 1;
}

/* REMOTE STOCK */

div.prs-information {
	background: #FFFF99;
	border: 1px solid #333;
	height: 20px;
	margin: 10px;
	padding: 20px;
}

div.prs-error {
	background: #FF9999;
	border: 1px solid #333;
	height: 20px;
	margin: 10px;
	padding: 20px;
}

.adminlist2 tr td table.stock-overview, table.stock-overview {
	border: 0;
	width: 100%;
}

.adminlist2 tr td table.stock-overview tr.local, table.stock-overview tr.local {
	/* background: #E3F4E3; */
}

.adminlist2 tr td table.stock-overview tr.remote, table.stock-overview tr.remote {
	/* background: #B0CADF; */
}

.adminlist2 tr td table.stock-overview tr.order, table.stock-overview tr.order {
	/* background: #EABBBB; */
}

.adminlist2 tr td table.stock-overview tr.total, table.stock-overview tr.total-good {
	background: #9DD99D;
}

.adminlist2 tr td table.stock-overview tr.total, table.stock-overview tr.total-bad {
	background: #CE6666;
}

.adminlist2 tr td table.stock-overview td, table.stock-overview td {
	border: 0;
	padding: 3px;
	text-align: center;
	width: 25px;
}

.adminlist2 tr td table.stock-overview td a, table.stock-overview td a {
	color: #000;
}

.adminlist2 tr td table.stock-overview td.f, table.stock-overview td.f {
	text-align: left;
	width: 120px;
}

.adminlist2 tr td table.stock-overview td.selected, table.stock-overview td.selected {
	font-weight: bold;
}

.adminlist2 tr td table.stock-overview tr.total td, td table.stock-overview tr.total td {
	border-top: 2px solid #333;
}

/* ORDER SEARCH IN ADMIN */
div.order-search-result {
	border: 1px solid #333;
	margin: 10px;
	padding: 10px;
	width: 440px;
}

div.number {
	background: #ccc;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 4px;
	text-transform: uppercase;
}

div.clear {
	clear: both;
}