/*******************************************************************************
> * & html & body tag, misc
*******************************************************************************/

* {
 border-width: 0px;
 margin: 0px;
 padding: 0px;
 color: #000000;
}

html {
 height: 100%;
}

body {
 background-attachment: fixed;
 background-image: url('./../images/body_background.png');
 background-position: left bottom;
 background-repeat: repeat-x;
 height: 100%;
 font-family: Arial, Verdana, Tahoma;
 font-size: 11px;
}

div.page {
 background-image: url('./../images/page_background.png');
 background-repeat: repeat-y;
 margin: auto;
 position: relative;
 width: 970px;
}

a {
 color: #000000;
}

/*******************************************************************************
> sidemenus
*******************************************************************************/

ul.leftmenu {
 width: 185px;
 float: left;
 position: relative;
 bottom: 2px;
}

ul.rightmenu {
 width: 185px;
 float: right;
 position: relative;
 bottom: 2px;
}

ul.leftmenu > li, ul.rightmenu > li {
 list-style-type: none;
 padding: 0px 12px 0px 12px;
}

ul.leftmenu > li > p, ul.rightmenu > li > p {
 margin: 0px 0px 14px 0px;
}

ul.leftmenu > li.h1, ul.rightmenu > li.h1 {
 background-image: url('./../images/menu_background.png');
 background-repeat: no-repeat;
 height: 17px;
 margin: 7px 0px 7px 0px;
 padding: 7px 0px 0px 6px;
}

ul.leftmenu > li > ul > li, ul.rightmenu > li > ul > li {
 list-style-type: none;
 margin-left: 18px;
}

/*******************************************************************************
> topmenu
*******************************************************************************/

ul.topmenu {
 background-image: url('./../images/topmenu_background.png');
 height: 46px;
 margin: 0px 0px 1px 0px;
 padding: 0px 0px 0px 17px !important;
}

ul.topmenu li {
 float: left;
 list-style-type: none;
 padding: 0px 0px 0px 0px;
}

/*******************************************************************************
> content
*******************************************************************************/

div.content {
 width: 588px;
 float: left;
 padding: 0px 0px 11px 0px;
 position: relative;
 left: 6px;
}

div.content p {
 padding: 0px 13px 13px 13px;
}

div.content ul {
 padding: 0px 13px 13px 26px;
}

div.content h2 {
 font-family: Arial, Verdana, Tahoma;
 font-size: 11px;
 font-weight: bold;
 padding: 0px 13px 13px 13px;
}

img.logo {
 border-bottom: 8px solid #9D9D9D;
 margin: 0px 0px -3px 0px;
 padding: 0px 0px 1px 0px;
}

/*******************************************************************************
> footer
*******************************************************************************/

div.footer {
 background-image: url('./../images/footer_background.png');
 background-repeat: repeat-x;
 border: 1px solid #D3D3D3;
 clear: both;
 color: #7C7C7C;
 font-family: Tahoma, Verdana, Arial;
 font-size: 10px;
 font-weight: bold;
 height: 24px;
 padding: 12px 0px 0px 0px;
 text-align: center;
 width: 968px;
}

/*******************************************************************************
> forms
*******************************************************************************/

form.login input, form.logout input {
 background-image: url('./../images/login_input_background.png');
 border-width: 0px;
 height: 14px;
 margin: 0px 0px 7px 0px;
 padding: 2px 3px 2px 3px;
 width: 86px;
 font-size: 10px;
}

form.login input.reset {
 height: 20px;
 margin: 0px 1px 7px 62px;
 width: 51px;
}

form.login input.submit {
 height: 20px;
 width: 51px;
}

form.logout input.submit {
 height: 20px;
 margin: 0px 1px 7px 61px;
 width: 51px;
}

form.login, form.logout {
 background-color: #A9A9A9;
 margin: -7px -11px -7px -11px;
 padding: 14px 0px 7px 6px;
}

form.login label {
 color: #FFFFFF;
 display: block;
 float: left;
 font-family: Tahoma, Verdana, Arial;
 font-size: 10px;
 font-weight: bold;
 height: 12px;
 margin: 0px 0px 7px 0px;
 padding: 3px 0px 0px 4px;
 width: 73px;
}

form.logout p, form.logout a {
 color: #FFFFFF;
 font-family: Tahoma, Verdana, Arial;
 font-size: 10px;
 font-weight: bold;
}

form.login button {
 background-color: #A9A9A9;
}

input, select, textarea {
 background-color: #F0F0EE;
 border: 1px solid #CCCCCC;
 font-family: Arial, Verdana, Tahoma;
 font-size: 11px;
 margin: 2px 5px 0px 5px;
}

input[type=radio], input[type=checkbox] {
 background-color: transparent;
 border-style: none;
}

input[disabled], select[disabled] {
 background-image: url('./../images/input_disabled.png');
 color: #888888;
}

label {
 display: block;
 float: left;
 margin: 2px 0px 0px 0px;
 width: 150px;
}

/*******************************************************************************
> tables
*******************************************************************************/

.table {
 /*display: table;*/
 margin: 0px 13px 13px 13px;
}

.tr {
 /*display: table-row;*/
 clear: both;
}

.td {
 /*display: table-cell;*/
 float: left;
 margin: 0px 0px 5px 0px;
}