body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#FFFFFF;
	text-align:justify;
}

a {
	text-decoration:none;
	color:#0033CC;
}

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

.button {
	background-image:url(images/button_bg.png);
	border: 1px solid #000000;
	padding:2px;
	font-weight:bold;
	width:150px;
	float:right;
	margin-top:20px;
}

.portret {
	border: 1px solid #000000;
	float:right;
}

.supplierLogo {
	border: 1px solid #000000;
	float:right;
	width:150px;
}

input {	
	border: 1px solid #000000;
	background-color:#F8F8F8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 3px;
	width:100%;
}

select {		
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:100%;
}

textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:100%;
}

.inputError {	
	border: 1px solid #FF0000;
	background-color:#FFD9D9;
}

td.content{
			vertical-align:top;
			padding:5px;
			height:400px;
			}


ul {
	list-style-position: outside;
	position: relative;
	left: -15px;
	margin-top: 0px;
	list-style: square;
}

p {
	margin-top: 0px;
	margin-bottom: 5px;
}

h1{
	margin-top: 5px;
	margin-bottom: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000099;
	font-weight:normal;
}

h2{
	margin-top: 0px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000099;
	font-weight:bold;
}

h3{
	margin-top: 15px;
	margin-bottom:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000099;
	font-weight:bold;
}

.container {	
	display: block;
	margin: auto;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	padding: 10px;
	width: 1000px;
}
.logo {
	background-color:#FFFFFF;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	float:left;	
	width: 100%;
}
.footer {
	background-color:#FFFFFF;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	text-align: right;
	float:left;
	width: 100%;
}

.content{
	vertical-align:top;
	padding:5px;
	height:800px;
}

.content ul
{
	margin-left:0px;
}

.menu {

	vertical-align:top;
	border-right:dotted 1px #666666;
	width:185px;padding:5px;
	padding-left:0px;
	color: #666666;
	width:100px;
}

.menu ul{	
	list-style-position: outside;
	position: relative;
	left: -25px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000099;
	
}

.menu ul li {
	width:100px;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#000099;
}

.menu ul li ul li{
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
}

.clear
{
	clear:both;
}

.row {
	display: block;
	padding: 2px;
	float: left;
	width:100%;
}
.label {
	font-weight: bold;
	width: 150px;
	float:left;
}
.value {
	float: left;
	display: block;
	width:73%;
}

.error {
	color: #FF0000;
	display: block;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #FF0000;
	float: left;
	width: 100%;
	text-align:center;
}

.action {
	display: block;
	color: #FF0000;
	float: right;
}

.action a{
	text-decoration: none;
	color:#FF0000;
}

.action a:hover{
	text-decoration: underline;
	color:#FF0000;
}

.table				{	display:table;						
						border:0px solid #000000;
						width:100%;
						border-style: solid;
						border-width: 1px 0px 0px 1px;
						border-color: black;
						}
						
.tableRow			{	display:table-row;						
						border:0px solid #000000;
						width:100%}
						
.tableRowWP			{	font-weight:bold;
						background-color:#59CDFD;
						display:table-row;						
						border:0px solid #000000;
						width:100%}
						
.tableCell			{	display:table-cell;
						border:0px solid #000000;
						text-align:center;
						border-style: solid;
						border-width: 0px 1px 1px 0px;
						border-color: black;
						padding: 2px;
						}
						
.tableHeaderRow		{	display:table-row;
						background-color:#0C1996;
						color:#FFFFFF;
						width:100%}
						
.tableHeaderCell	{	display:table-cell;
						font-weight:bold;
						border:0px solid #000000;
						text-align:center;
						padding:2px;
						border-style: solid;
						border-width: 0px 1px 1px 0px;
						border-color: black;}

.tableCell a:hover	{	text-decoration:none;
						display:block;
						border:0px solid #000000;
						background-color:#FFF999;
						}
						
.tableCell a		{	text-decoration:none;
						display:block;
						border:0px solid #000000;
						}

.tableCell0			{	display:table-cell;
						border:0px solid #000000;
						text-align:center;
						border-style: solid;
						border-width: 0px 1px 1px 0px;
						border-color: black;
						padding: 2px;
						}						
						
.tableCell1			{	display:table-cell;
						border:0px solid #000000;
						text-align:center;
						border-style: solid;
						border-width: 0px 1px 1px 0px;
						border-color: black;
						padding: 2px;
						background-color:green;
						}						
									





table.simple thead tr th {
	background-color: #eee;
}

table.simple tr.even {
	background-color: #fff;
}

table.simple {
	border: 0px solid #ccc;
	border-collapse: collapse;
}

table.simple td,table.simple th {
	border: 0px solid #ccc;
}

.calTable {
   display:table;
   width:900px;
   border-style: solid;
   border-width: 1px 1px 0px 0px;
   border-color: black;
   border-collapse:collapse;
}

.calTableHeaderRow {
   height:28px;
   display:table-row;
   text-align:center; 
   background-color:#0C1996; 
}

.calTableHeaderCell {
   height:100%;
   display:table-cell;
   text-align:center; 
   color:#FFFFFF; 
   background-color:#0C1996; 
   font-weight:bold; 
   font-size:150%
}

.calTableColumn {
   display:table-column;
   float:left;
   width:50%; 
   height:100%; 
}

.calTableRow {
    width:auto;
    display:table-row;
}

.calTableCell {
   display:table-cell;
   float:left;
   width:100%;
   color:#888888;
   height:200px;
   border-style: solid;
   border-width: 0 0 1px 1px;
   border-color: black;
}

.calCellLabel {
   font-weight:bold;
   float:left;
   background-color:#0C19FF;
   width:90%;
   height:17px;
   color:#FFFFFF;
}

.calCellLabelIcons {
   text-align:center;
   font-weight:bold;
   float:right;
   background-color:#0C19FF;
   width:10%;
   height:17px;
   color:#FFFFFF;
}

.calCellRow {
   font-weight: bold;
   float:left;
   margin-left:2px;
   width:40%;
}

.calCellValue {
   float: left;
   width:60%;
}

.calRightSidedLabel {
   text-align:center;
   float:left;
   width:100%;
}

#calendarDiv {
   position:absolute;
   visibility:hidden;
   background-color:white;
}

.evenTableRow {
   background-color:#EFEFEF;
}

.oddTableRow {
   background-color:#FFFFFF;
}

.tabelLabelRow {
   font-weight:bold;
   color:white;
   background-color:#0033FF;
}

.declProjectHead {
   font-size:larger;
   display:table-row;
   color:white;
   width:100%;
   background-color:#0033FF;
   font-weight:bold;		
}


.cpYearNavigation,.cpMonthNavigation { background-color:#C0C0C0; text-align:center; vertical-align:middle; text-decoration:none; color:#000000; font-weight:bold; }
.cpDayColumnHeader, .cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,.cpCurrentDate,.cpCurrentDateDisabled,.cpTodayText,.cpTodayTextDisabled,.cpText { font-family:arial; font-size:8pt; }
TD.cpDayColumnHeader { text-align:right; border:solid thin #C0C0C0;border-width:0px 0px 1px 0px; }
.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate  { text-align:right; text-decoration:none; }
.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled { color:#D0D0D0; text-align:right; text-decoration:line-through; }
.cpCurrentMonthDate, .cpCurrentDate { color:#000000; }
.cpOtherMonthDate { color:#808080; }
TD.cpCurrentDate { color:white; background-color: #C0C0C0; border-width:1px; border:solid thin #800000; }
TD.cpCurrentDateDisabled { border-width:1px; border:solid thin #FFAAAA; }
TD.cpTodayText, TD.cpTodayTextDisabled { border:solid thin #C0C0C0; border-width:1px 0px 0px 0px;}
A.cpTodayText, SPAN.cpTodayTextDisabled { height:20px; }
A.cpTodayText { color:black; }
.cpTodayTextDisabled { color:#D0D0D0; }
.cpBorder { border:solid thin #808080; }



	div.table {
		display:		table;
		width:			100%;
		background-color:	inherit;
		border:			1px none #666666;

		
	}

	div.innerTable {
		display:		table;
		width:			100%;
		background-color:	inherit;
		border:			1px solid #aaa;

		font-style:		inherit;
		margin:			2px;
		border-spacing:		2px;
		
	}

	div.celldiv {
		
		display: 		table-cell;
		width:			49%;
		height:			150px;
		background-color:	#fff;
	}
	

	div.rowdiv {
		display:		table-row;
		width:			100%;
	}
	div.cellhead {
		display:		table-row;
		width:			100%;
		background-color:	#eee;
		border-bottom:		1px none black;
		height:			18px;
		font-weight:		bold;		
	}
	div.celltitle {
		float:			left;
		display: 		table-cell;
		margin-top:		2px;
		margin-left:		2px;
	}
	div.cellicon {
		float:			right;
		display: 		table-cell;
		margin-top:		2px;
		margin-right:		2px;	
	}
	div.cellitem {
		float:			left;
		font-style:		normal;
		display: 		table-cell;
		margin-top:		2px;
		margin-left:		2px;

	}

	.xstooltip 
	{
	    visibility: 	hidden; 
	    position: 		absolute; 
	    top: 			0;  
	    left: 			0; 
		z-index: 		2; 

		font: 			normal 8pt sans-serif; 
		padding: 		3px; 
		border: 		solid 1px #ccc;
		background-color: white;
	}