#header-container {
	background:#dae213;
}

#header #logo {
/*	float:left;
	width:441px; */
	margin-top: 2px;
	margin-bottom: 2px;
}

html,body,form,
h1,h2,h3,h4,h5,h6,p
{
	margin:0px;
	padding:0px;
}


body
{
	width:998px;
	background:#dae213;
	font-size:0.8em;
	color:#666;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
}

.contentwidth
{
	width:998px;
	margin:0 auto;
}

p, h1, h2, h3, h4, h5, h6
{
	padding:4px 0;
	font-weight:normal;
}
h1
{
	font-size:1.8em;
	font-weight:bold;
}
h2 { font-size:1.7em; }
h3 { font-size:1.5em; }
h4 { font-size:1.4em; }
h5 { font-size:1.3em; font-weight:bold; }
h6 { font-size:1.1em; font-weight:bold; }

td { vertical-align: top; }

a
{
	color:#2f83be;
}
a:hover
{
	color:#393b32;
}
a img
{
	border:0px;
}

#header #headertools
{
	float:right;
	width:340px;
	text-align:right;
	margin-right: 10px;
}

#header #headertools p.welcome
{
	font-size:1.7em;
	padding:36px 0 0 0;
}
#header #headertools p
{
	color:#1c6596;
	font-size:1em;
}
#header #headertools a
{
	color:#1c6596;
}


/* TOP MENU start */
#menu ul
{
	margin:0;
	padding:0 0 0 0;
}
#menu ul li
{
	display:inline;
	padding:0 1px;
}	
#menu ul li a
{
	line-height:41px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	padding:9px 16px 10px 16px;
}
#menu ul li a:hover
{
	background:#fff;
	color:#393632;
	color:#777;
}
#menu ul li a.active
{
	background:#fff;
	color:#393632;
	color:#777;
}
/* TOP MENU end */





#menu-container
{
	background-color: #78504f;
	border-bottom: 1px solid #d9dad3;
}


#breadcrumbs p
{
	line-height:4em;
	font-size:0.85em;
}
#breadcrumbs a
{
	text-decoration:none;
}

.content
{
	background:#fff;
	padding:15px;
	margin-bottom:15px;
}
#main p
{
	/* line-height:1.8em; */
	line-height:1.4em;
}
.borders
{
	border-top:6px solid #2f83be;
	border-bottom:1px solid #2f83be;
}


.leftCol
{
	float:left;
	margin:0 10px 0 0;
	width:489px;
	/* background-color: red; */
	
}
.rightCol
{
	float:right;
	margin:0 0 0 10px;
	width:489px;
	/* background-color: blue; */
}
.singleCol
{
	margin-top: 26px;
	width:998px;
	clear: both;
	/* background-color: black; */
}




form .field label
{
	display:block;
	font-weight:bold;
}
form .field
{
	padding:6px 0;
}

form .textbox-small, 
form .textbox, 
form .textbox-large, 
form .textarea-small,
form .textarea,
form .textarea-large,
select
{
	padding:2px;
}
form .textbox-small
{
	width:170px;
}
form .textbox
{
	width:350px;
}
form .textbox-large
{
	width:450px;
}

form .textarea-small
{
	width:250px;
	height:100px;
	
}
form .textarea
{
	width:350px;
	height:100px;
}
form .textarea-large
{
	width:450px;
	height:100px;
}

form .button-bold, form .button-subdued
{
	font-weight:bold;
	color:#fff;
	padding:4px;
}
form .button-bold
{
	border:1px solid #2f83be;
	background:#2f83be;
}
form .button-subdued
{
	border:1px solid #ccc;
	background:#ccc;
}

p.success, p.error
{
	line-height:2em;
	margin:8px 0;
	color:#fff;
	font-weight:bold;
	padding:0 10px;
	overflow: hidden;
}
p.success
{
	/* background:#86ca5d; */
	background:#6fa84b;
	border:2px solid #5cb327;
}
p.success a, p.error a
{
	color:#fff;
}
p.error
{
	background:#d44937;
	border:2px solid #aa2b1a;
}
label.error
{
	color:#990000;
}

.tabledata
{
	border: 1px solid #ccc;
	margin-bottom: 10px;
	border-spacing: 1px; 
	/* border-collapse: collapse; */
	border-collapse: separate;
}

.tabledata td {
    padding: 4px;
}

.tabledata th {
    padding: 4px;
    font-weight:bold;
    background:#aaa;
    color:#fff;
    text-align:left
}
.tabledata .shaded {
	background:#eee;
}

.tabledata tr.indexklientEven {
    background-color: #cbf2d2;
}
.tabledata tr.indexklientEven:hover td {
    background-color: #00ff99;
}

.tabledata tr.indexklientOdd {
    background-color: #f7f7b2;
}
.tabledata tr.indexklientOdd:hover td {
    background-color: #00ff99;
}

/* -------------------------- */
.tabledata2
{
    border: 1px solid #ccc;
    margin-bottom: 10px;
    border-spacing: 1px; 
    /* border-collapse: collapse; */
    border-collapse: separate;
}

.tabledata2 td {
    padding: 6px;
    vertical-align: top;
    line-height: 1.8em;
    white-space: nowrap;
    text-align: center;
}

.tabledata2 th {
    padding: 6px;
    font-weight: bold;
    background: #aaa;
    color: #fff;
    text-align: center;
}
.tabledata2 .shaded {
	background:#eee;
}

.tabledata2 tr.indexklientEven {
    background-color: #cbf2d2;
}
.tabledata2 tr.indexklientEven:hover {
    background-color: #00ff99;
}

.tabledata2 tr.indexklientOdd {
    background-color: #f7f7b2;
}
.tabledata2 tr.indexklientOdd:hover {
    background-color: #00ff99;
}
/* -------------------------- */


#login
{
	width:190px;
	margin:40px auto;
	background:#fff;
	padding:20px;
}




/* clearfix start */ 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/* clearfix end */ 

.mtooltip{
    display: inline;
    position: relative;
    color: #fff;
}
	
.mtooltip:hover{
    color: #fff;
}
	
.mtooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(alt);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}
	
.mtooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

td.xklient {
    background-color: #fcf1b5;
}
/*
td.xklient:hover {
    background-color: #00ff99;
}
*/


/* --- success / error ---------- */
div.success, div.error {
	margin-top: 8px;
	width: 975px;
	color:#fff;
	font-weight:bold;
	padding: 10px 10px 10px 10px;
	overflow: hidden;
}
div.success {
	background:#6fa84b;
	border:2px solid #5cb327;
}
div.success a, div.error a {
	color:#fff;
}
div.error {
	background:#d44937;
	border:2px solid #aa2b1a;
}