body {
	font-family:Verdana, Arial, sans-serif;
	padding:0; margin:0; position:relative;
}

/* Top panel */
#header {
        height:70px;
        background:url('./images/header.jpg') repeat-x black;
        position:relative;
}
#header a {
        text-decoration:none; color:black;
}

/* Main menu - modules */
#start {
	position:absolute;
	top:0; left:0;
	z-index:2;
	text-decoration:none;
	font-weight:bold;
	background:url('./images/start.jpg') no-repeat white;
	color:black;
	height:41px;
	width:98px;
	display:block;
	font-size:1.3em;
        z-index:20;
}
#start:hover {
        background:url('./images/main-menu.jpg') repeat-x white;
        width:100%;
}
#start span {
        padding-left:11px; padding-top:6px;
        display:block;
}

#main_menu {
        position:absolute;
        top:0; left:0;
        background:none;
        display:none;
        padding:0;
        margin-left:80px;
}
#main_menu table {
        margin:0; padding:0;
        border-collapse:collapse;
}
#main_menu table td {
        height:41px;
        padding:0;
}

#main_menu a {
        margin:0; padding:0;
        font-size:0.8em;
        font-weight:normal;
        display:block;
        line-height:40px;
        z-index:100;
        padding:0 10px 0 10px;
}
#main_menu a:hover {
        background:url('./images/main-menu-active.jpg') repeat-x white;
}

/* Main heading */
#header h1 {
        position:absolute;
	top:5px; left:110px;
        color:white;
	padding:2px 20px 2px 20px;
	margin:0;
	font-size:1.3em;
}

/* Module menu tabs and buttons */
#module_menu {
	position:absolute;
	top:45px;
        left:110px;
}

/* Tabs */
#tabs {float:left;}
#tabs a {
        height:25px;
        line-height:24px;
        display:block; float:left;
	background:url('./images/tab.jpg') no-repeat;
	font-size:0.8em;
        margin-right:5px;
        padding:0 15px 0 15px;
        position:relative;
        font-weight:bold;
        color:#444;
}
#tabs a span {
        display:block;
        position:absolute;
        right:0; top:0;
        width:15px;
        height:25px;
        background:url('./images/tab-end.jpg') no-repeat;
}

#tabs a.selected, #tabs a:hover {
	background:url('./images/tab-active.jpg') no-repeat;
	color:black;
}
#tabs a.selected span, #tabs a:hover span {
        background:url('./images/tab-active-end.jpg') no-repeat;
}

/* Menu buttons */
#menu_buttons {
        margin-left:10px;
        float:left;
        border-left:solid #abaca6 1px;
}

#menu_buttons a {
        display:block; float:left;
        padding:0 10px 0 10px;
        height:25px;
        line-height:25px;
        background:url('./images/menu-button.jpg') repeat-x black;
	color:white;
        font-weight:bold;
	font-size:0.8em;
        color:#f9f3bf;
        border-right:solid #abaca6 1px;
}

#menu_buttons a:hover {
        color:black;
        background:url('./images/menu-button-active.jpg') repeat-x white;
}

/* Panel with user, logout and languages */
#panel {
        height:20px;
        line-height:20px;
        position:absolute;
        top:0; right:0;
        background:url('./images/panel.jpg') no-repeat white;
        padding:0 0 0 20px;
}
#panel a {float:left; font-size:0.8em;}
#langs {float:left;}
#langs a {
	float:left;
	display:block;
	height:20px;
        padding:0 3px 0 3px;
	background:white;
	border-left:solid black 1px;
	font-weight:bold;
	color:black;
	line-height:20px;
}
#langs a.selected {background:black; color:white;}
#langs span {float:left; font-size:0.8em; font-weight:bold; padding-top:2px; margin-right:5px;}
#panel a:hover {color:#ff4500;}
a.panel_link {
        padding-left:20px;
        margin-right:10px;
        display:block;
}
a.panel_link:hover {
        text-decoration:underline;
}
a#panel_logout {background:url('./images/logout.jpg') no-repeat left;}
a#panel_user {background:url('./images/user.jpg') no-repeat left;}

/* Report line */
#report {
 	/*background:#ffaa00;*/
 	padding:10px 10px 10px 30px;
 	margin:0;
 	font-size:0.8em;
        border-bottom:solid #aeac9e 1px;
        background:#fcf6c7;
}

/***************************
 * Content formatting
****************************/
.content {padding:20px; min-height:400px; _height:400px;}
#content_content, #products_content {padding:0;	margin:0;}
h2, h3 {
	 border-bottom:solid #999 1px;
         padding:3px 10px 3px 10px;
         margin:0 0 15px 0;
         font-size:1.2em;
}
h2 {margin-bottom:20px; font-size:1.3em;}
a img {border:none;}
a {color:#ff4500;}
a:hover {text-decoration:none;}

/* Messages */
.help, .error, .message {
	font-size:13px; width:700px; padding:7px 20px 7px 20px;
	border:dashed gray 1px; border-top:solid gray 3px;
	border-bottom:solid gray 3px;
        margin:10px 0 10px 0;
}
.error {background:#ff8033; margin:10px auto; border-color:black;}
.error a {color:black;}
.help {color:#222;}
.help img {border:solid gray 2px;}
.help table img {border:none;}
ul.help {padding-left:22px;}
.message {background:#E6E5E5; /*margin:10px auto;*/}
acronym, span.warning {font-variant:normal;border-bottom:dotted gray 1px;}
.warning, span.warning {padding-left:20px; background:url('./images/warning.gif') no-repeat left top;}
.required {font-size:0.8em; color:gray; position:relative; top:-3px; color:#ff8033;}

/* CLASSES */
.float {float:left;}
.clear {clear:both;}
.price {text-align:right;}
.gray {font-size:0.8em; color:gray;}
.center {text-align:center;}

/* Homepage boxes */
.hp_box {
	width:750px;
	float:left;
	margin:0 10px 10px 0;
	border:solid #E6E5E5 1px;
	padding:0 10px 10px 10px;
}
.hp_box h3 {
	margin:0 -10px 10px -10px;
	border:none;
	background:#E6E5E5;
	padding:2px 10px 2px 10px;
	font-size:0.9em;
        clear:both;
}
.hp_box p {margin:0;}

/***************************
 * Basic components for administration
****************************/
/* CLASS: TABLE */
table {margin:10px 0 10px 0;}
.table {
	border-collapse: collapse;
	border: none;
	font-size:0.8em;
	text-align:left;
	clear:both;
}
.form .table {font-size:1em;}
td, th {vertical-align:top;}

.table td {
	border: 1px solid #f1efe2;
	padding: 3px 5px;
}

.table tr.table_row_odd  {
	background: #ffffff;
}

.table tr.table_row_even {
	background: #f0f0f0;
}
.table tr.table_special_odd {
        background:#ffe0bc;
}
.table tr.table_special_even {
        background:#eed0ab;
}

.table th {
	background: url('./images/th.gif') repeat-x bottom #eaebdb;
	border-right:solid 1px #ACA899;
	border-top: none;
	border-bottom: 1px solid #f1efe2;
	padding:3px 5px;
	color: #000;
        text-align:left;
}

.table td.table_header {
	border:none;
	padding:0 1px 0 1px;
	font-size:1em;
       background:#eaebdb;
       border-right:solid 1px #ACA899;
}

.table .table_paging a {
        display:block; float:left;
	margin:0;
	text-decoration:none;
	color:black;
	padding:3px 5px 3px 5px;
        font-weight:normal;
        border-right:solid 1px #ACA899;
}
.table .table_paging a:hover, .table .table_paging a.selected {background:white;}

.table a {font-size:0.9em;}
.table ul {
	margin:0; padding:0 0 0 20px;
}

.table thead th {font-size:1.2em;}
.table thead {border:inset 2px gray;}
.version_history {
        display:none;
        font-size:0.85em;
        background:white;
        width:450px;
        border:solid black 1px;
        padding:10px;
        position:absolute;
}

/* CLASS: FORM_INPUT */
.form_readonly {background:#E6E5E5;}
.form_text {border:solid #369 1px;}
.form_text:focus {border:solid black 1px;}
.form_description {font-size:0.8em;}
.form_description a {font-weight:bold; color:#ff4500;}
.form_label {color:gray; font-size:0.9em;}
.form_textarea {border:solid #369 1px;}
.form_image_preview {border:solid black 1px;}
.form_date {position:relative;}
.form_overflow {
	overflow:auto;
	border:solid #369 1px;
	padding:5px;
}
.form_hiding {
	border-bottom:solid gray 1px;
	display:block;
	padding:2px 5px 2px 5px;
	margin:0 0 10px 0;
}
.form_hiding a {
	background:url('./images/form-tab.gif') no-repeat left top;
	padding:2px 7px 2px 7px;
	color:gray;
	text-decoration:none;
	border-right:solid #a7b4b8 1px;
	font-size:0.9em;
	font-weight:bold;
}
.form_hiding a.selected {
	color:black;
	background:url('./images/form-tab-active.gif') no-repeat left top;
        padding-bottom:3px;
}
.toolbar img {border:solid white 1px;}
.toolbar a:hover img {border:solid #ccc 1px;}

/* CLASS: FORM */
form {margin:0 0 5px 0;}
.form {
	background: #ECE9D8;
	border: solid 1px black;
	padding:0;
	float:left;
        position:relative;
}
.form .form_content{
	background: #FCFCFE;
	border-bottom: solid 1px #919b9c;
        border-top: solid 1px #919b9c;
	margin:0;
	padding:5px;
	font-size:0.8em;
        min-width:300px;
	float:left;
}
.form_err_output{
	background-color: #C70032;
	padding: 5px;
	margin:0 0 10px 0;
	font-weight: bold;
	color: white;
	display: none;
	font-size:0.8em;
}
.form .form_buttons {
	clear:both;
	margin:0;
	padding:5px;
}
.form_title {
    font-size:0.9em; color:gray; padding-left:15px;
}
.form fieldset {
	margin:0;
	border: solid 1px #D0D0BF;
	padding:12px 5px 5px 5px;
	display:block;
	_float:left;
	_clear:both;
	_margin-right:5px;
	margin-bottom:10px;
	border:dashed gray 1px;
	border-top:solid gray 2px;
}
.form_prevnext {
        font-size:0.9em;
        position:absolute;
        right:10px;
        top:5px;
}
.form legend {
	border:solid gray 1px;
	padding:3px 10px;
	font-size:12px;
	font-weight:bold;
        background:#f4f4f4;
	color:#555;
        /*background:#ECE9D8;*/
}
.multiform legend {padding:0 5px; height:21px; line-height:20px;}
.multiform legend img {position:relative; top:5px; margin:-8px 0 0 0;}
* html .form legend {margin-bottom: 0;}
.form th {
	vertical-align:top;
	padding:2px 5px 2px 5px;
	color:#555555;
	font-size:1.0em;
	text-align:right;
}
.form td {vertical-align:top;}
.form th.header {
	background:#91c1f3;
	border:solid #369 1px;
	text-align:center;
	font-size:0.8em;
}

.form table {clear:both; margin:0;}
input.button {
        font-weight:bold;
        padding:1px 20px 1px 20px;
}

/* TABS */
.tabs-hide, .ui-tabs-hide {display: none;}
.domtab div {clear:both;}
.domtabs {
	float:left;
	width:auto;
	margin:0 0 10px 0;
	border-bottom:solid gray 1px;
	padding:5px 10px 4px 10px;
}
.domtabs li {
	float:left;
	margin:0 5px 0 0;  padding:0;
	list-style-type:none;
}

.domtabs li a {
	background:url('./images/form-tab.gif') no-repeat left top;
	color:black;
	padding:5px 10px 4px 10px;
	font-weight:bold;
	text-decoration:none;
	font-size:0.9em;
	border-right:solid #a7b4b8 1px;
	color:gray;
}
.domtabs .ui-tabs-selected a, .tabs-selected a {
	background:url('./images/form-tab-active.gif') no-repeat left top;
	color:black;
        padding-bottom:5px;
}

/* Accordion */
.accordion h3 {
    background:#ece9d8;
    background:#f4f2e9;
    border:none;
    margin:-5px;
    padding:0;
    color:gray;
    border-top: solid 1px #919b9c;
    border-bottom: solid 1px #919b9c;
    text-align:right;
}
.accordion h3 a {
    color:#444; text-decoration:none;
    display:block;
    padding:10px;
}
.accordion h3 a:hover {background:white;}


/***************************
 * CONTENT and PRODUCTS module formatting - IFRAME, tree etc.
****************************/
.treeview a {
        color:black;
        font-size:0.8em;
}
.iframe_table {
        width:100%; height:80%; border-collapse:collapse;
        margin:0;
}
.iframe_table td {
        padding:0; border:none;
}
td.iframe_table_tree {
        padding:0; margin:0; width:200px;
        border-right:solid #dbd8c7 2px;
}
.iframe_table_tree form {
        height:50px; margin:0; padding:5px; float:none; text-align:center; border:none;
        border-bottom:solid #dbd8c7 1px;
}
#content_tree {
        width:200px;
        overflow:auto;
        height:550px;
}
#content_iframe {
        width:100%;
        height:600px;
        border:none;
}
/* Iframe content */
#iframe_header {
        height:50px;
        background:#ece9d8;
        margin:0; padding:5px;
        position:relative;
        border-bottom:solid #dbd8c7 1px;
}
#iframe_header h1 {
        margin:0; font-size:1.3em; color:#555;
        padding:3px 0 0 15px;
}
#iframe_content {padding:15px; position:relative;}

#form_content_iframe_add {
        position:absolute;
        top:-50px; right:10px;
        border:none;
}
#iframe_menu {
        position:absolute;
        top:40px;
        left:15px;
        height:20px;
        border-left:solid #dbd8c7 1px;
}
#iframe_menu a {
        display:block;
        float:left;
        height:20px;
        line-height:20px;
        background:url('./images/content-menu.jpg') repeat-x;
        padding:0 10px 0 10px;
        font-size:0.8em;
        font-weight:bold;
        text-decoration:none;
        border-right:solid #dbd8c7 1px;
        color:#444;
}
#iframe_menu a:hover {
        background:url('./images/content-menu-active.jpg') repeat-x white;
        color:black;
}

/*******************************
 * Webshop styling
********************************/
#content_shop {padding:0;}
#shop_tree {
        border:none;
        border-right:solid #dbd8c7 2px;
        background: #ECE9D8;
        width:170px;
}
#shop_tree a {
        display:block;
        height:40px;
        line-height:40px;
        background:url('./images/shop-menu.jpg') repeat-x;
        border-bottom:solid #dbd8c7 2px;
        text-decoration:none;
        padding:0 10px 0 15px;
        font-weight:bold;
        color:#444;
        font-size:0.9em;
}
#shop_tree a:hover {background:white; color:black;}
span.msg {font-size:0.8em; color:gray;}

.shop_users_details {
        display:none;
        background:white;
        position:absolute;
        padding:5px;
        border:solid black 1px;
        font-size:0.8em;
        width:250px;
        z-index:10;
        left:30px;
        top:-150px;
}
.shop_users_details h5 {
        background:gray;
        color:white;
        margin:5px 0 3px 0;
        padding:1px 5px 1px 5px;
}
a.link_button {
        display:block;
        float:left;
        padding:2px 5px 2px 5px;
        margin:0 15px 0 0;
        border:outset #e6e5e5 1px;
        height:20px;
        text-decoration:none;
        font-size:12px;
        color:black;
}
.link_button span {
    position:relative;
    top:-5px;
}
a.link_button:hover {border:inset #e6e5e5 1px;}

/***************************
 * Login screen
****************************/
#login_container {
	border:solid #dbd8c7 2px;
	margin:100px auto;
	width:340px;
        background:#fcfcfe;
}
#login_container input.text {width:150px;}
#login_container h1 {
	margin:0; padding:10px; font-size:1.2em;
        background:#ECE9D8;
        border-bottom:solid #dbd8c7 2px;
        color:#444;
}
#login_container table {margin:10px; font-size:0.9em;}
#login_container th {text-align:right;}
#login_container #report {
        padding:5px 10px;
        border-bottom:solid #dbd8c7 2px;
}

/*************************
 * PRINT STYLESHEET
**************************/
@media print {
        .tabs-nav {display: none;}
        #header {background:white; height:50px;}
        #start {display:none;}
        #panel {display:none;}
        #module_menu {display:none;}
        #header h1 {left:0;}
}