/****************************************
 * General look and feel
 ****************************************/ 

body {
	margin:				0px 0px 0px 0px;
	background-color:	#E7EEF4;
	font-size:			13px;
	font-family:		Arial;
}

body.login {
	margin:				0px 0px 0px 0px;
	background-color:	#09263C;
	font-family:		Arial;
	font-size:			10pt;
}

a.menu			{	color:		#FFFFFF; }
a:hover.menu	{	color:		#FFFFFF; }
a:visited.menu	{	color:		#FFFFFF; }
a:active.menu	{	color:		#FFFFFF; }

a.menuA			{	color:		#FFCC66; font-weight: bold; }
a:hover.menuA	{	color:		#FFCC66; }
a:visited.menuA	{	color:		#FFCC66; }
a:active.menuA	{	color:		#FFCC66; }

a {			color:		#09263C; }
a.hover {	color:		#09263C; }
a.visited {	color:		#09263C; }
a.active {	color:		#09263C; }

a.login {			color:	#09263C; font-size: 10pt; }
a.login:hover {		color:	#09263C; font-size: 10pt; }
a.login:visited {	color:	#09263C; font-size: 10pt; }
a.login:active {	color:	#09263C; font-size: 10pt; }

h2.login {
	font-family:		Arial;
	font-size:			30px;
	color:				#FFFFFF;
	padding-left:		40px;
}

h2.title {
	font-family:		Arial;
	font-size:			14px;
	color:				#09263C;
	font-weight:		bold;
}

h3 {
	font-family:		Arial;
	font-size:			12px;
	color:				#09263C;
	font-weight:		bold;
	font-style:			italic;
}

h4.birthday {
	font-family:		Arial;
	font-size:			14px;
	color:				#09263C;
	font-weight:		bold;
	font-style:			italic;
}

p {
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	font-family:		Arial;
	font-size:			11px;
	color:				#09263C;
}

td img {
	display:			block;
}

#login {
	 border-collapse:	collapse; 
	 margin-left:		10px; 
	 border:			1px solid #B6C2CB;
	 background-color:	#B6C2CB;
}

#login-footer {
	text-align:			right;
	color:				#FFFFFF;
	font-family:		Arial;
	font-size:			11px;
	padding-right:		4px;
	padding-top:		0px;
}

#header-login {
	border:				0px;
	width:				764px;
	background-image:	url('/skins/default/images/kolibri-big.gif');
	background-repeat:	no-repeat; 
	background-position: top right;
}

table.login-form {
	border-collapse:	collapse;
	border-color:		#111111;
	width:				95%;
}

td.login-form {
	 font-family:		Arial;
	 font-size:			10pt;
}

input.login {
	width:				150px;
}

input.submit {
	font-family:		Arial;
	font-size:			12px;
	border:				1px solid #B6C2CB;
	color:				#000000;
	background-color:	#FFFFFF;
	padding-left:		5px;
	padding-right:		5px;
}


#header {
	border:				0px;
	background-color:	#163B57;
	width:				100%;
}

#infobar {
	background-image:	url('/skins/default/images/information-bar.gif');
	padding-top:		0px;
}

.headerinfo {
	color:				#FFFFFF;
	font-family:		"Arial";
	font-size:			10px;
	padding-left:		3px;
	padding-right:		3px;
}

#hr {
	background-image:	url('/skins/default/images/horizontal-bar.gif');
}

#mainmenu {
	background-color:	#09263C;
	padding-top:		10px;
}

.menuitem:link, .menuitem:visited {
	font-family:		"Arial";
	font-size:			10px;
	font-weight:		bold;
	color:				#FFFFFF;
	background-color:	#396281;
	padding:			3px 3px 3px 3px;
	border-right:		2px solid #09263C;
	text-align:			center;
	width:				90px;
	display:			block;
	text-decoration:	none;
}

.menuitem:hover {
	font-family:		"Arial";
	font-size:			10px;
	font-weight:		bold;
	color:				#FFFFFF;
	background-color:	/*#396281;*/ #274C69;
	padding:			3px 3px 3px 3px;
	border-right:		2px solid #09263C;
	text-align:			center;
	width:				90px;
	display:			block;
	text-decoration:	none;
}

.menuitem-over {
	font-family:		"Arial";
	font-size:			11px;
	font-weight:		bold;
	color:				#09263C;
	background-color:	#B6C2CB;
	padding:			3px 3px 3px 3px;
	border-right:		2px solid #09263C;
	text-align:			center;
	width:				100px;
	display:			block;
	text-decoration:	none;
}

#submenu-header {
	background-color:	#B6C2CB;
	padding-top:		8px;
	padding-bottom:		8px;
}

#submenu {
	background-color:	#B6C2CB;
	vertical-align:		top;
}

.submenutitle {
	font-family:		"Arial";
	font-size:			12px;
	font-weight:		bold;
	color:				#000000;
	background-color:	#B6C2CB;
	border-right:		1px solid #396281;
	padding-left:		4px;
}

.submenu {
	background-color:	#B6C2CB;
	border-right:		1px solid #396281;
	border-left:		1px solid #B6C2CB;
	border-top:			1px solid #B6C2CB;
	border-bottom:		1px solid #B6C2CB;
	vertical-align:		top;
	padding-top:		0px;
	padding-bottom:		0px;
}

.submenuitem {
	font-family:		"Arial"; 
	font-size:			11px;
	color:				#000000;
	text-decoration:	none;
	display:			block;
	padding-left:		7px;

}

.submenubullet-over {
	padding-top:		9px;
	text-align:			right;
	vertical-align:		top;
}

.submenubullet {
	padding-top:		5px;
	text-align:			right;
	vertical-align:		top;
}

.submenu-over {
	font-family:		"Arial";
	font-size:			11px;
	color:				#000000;
	background-color:	#FFFFFF;
	border-left:		1px solid #396281;
	border-top:			1px solid #396281;
	border-bottom:		1px solid #396281;
	padding-top:		4px;
	padding-bottom:		4px;
}

#main {
	border-top:			1px solid #396281;
	padding:			15px 5px 5px 15px;
	background-color:	#FFFFFF;
	vertical-align:		top;
	width: 100%;
}

.title {
	font-family:		"Arial";
	font-size:			16px;
	font-weight:		bold;
	color:				#396281;
}

.bullet-cell {
	width:				20px;
	text-align:			right;
}

.tip {
	color:				#FFFFFF;
}

#tip {
	padding-left:		8px;
	padding-right:		8px;
	background-color:	#396281;
	vertical-align:		top;

}

#tip-footer {
	background-color:	#396281;
	text-align:			right;
	color:				#FFFFFF;
	font-family:		Arial;
	font-size:			11px;
	padding-right:		4px;
}

#calendarTable {
	border-collapse:	collapse;
	width:				150px;
	border:				1px solid #B6C2CB;
	padding:			2px 2px 2px 2px;
}

.calendarTitle {
	color:				#FFFFFF;
	background-color:	#163B57;
	text-align:			center;
	font-family:		"Arial";
	font-size:			11px;
	border-bottom:		1px solid #B6C2CB;
	font-weight:		bold;
}

.calendarHeader {
	color:				#FFFFFF;
	text-align:			center;
	font-family:		"Arial";
	font-size:			11px;
	font-weight:		bold;
}

.calendarCell {
	color:				#B6C2CB;
	font-family:		"Arial";
	font-size:			11px;
	padding-right:		4px;
}

.calendarActiveCell {
	color:				#FFFFFF;
	font-family:		"Arial";
	font-size:			11px;
	background-color:	#163B57;
	padding-right:		4px;
}

img { border:			0px; }

li	{ 
	font-family:		Arial;
	font-size:			11px;
}

.error { color: red; }
.success { color: green; }

.odd {	
	background-color:	#EEEEEE;
	padding-top: 4px;
	padding-bottom: 4px;
}

.even { 
	background-color:	#FFFFFF; 
	padding-top: 4px;
	padding-bottom: 4px;
}

.odd1 {	
	background-color:	#E7EEF4;
	padding-top: 4px;
	padding-bottom: 4px;
}

.even1 { 
	background-color:	#FFFFFF; 
	padding-top: 4px;
	padding-bottom: 4px;
}

.nsf { 
	background-color:	#FF9F9F; 
	padding-top: 4px;
	padding-bottom: 4px;
}

.memo {	
	background-color:	#396281;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #FFFFFF;
	font-weight: bold;
}

div.memoInfo {
	font-family:		Arial;
	color:				#09263C;
	text-align:			justify;
}

input.text { 
	width:			275px; 
	font-family:	Arial;
}

input.shorttext { 
	width:			150px; 
	font-family:	Arial;
}

input.quantity { 
	width:			65px; 
	font-family:	Arial;
}

input.date { 
	width:			80px; 
	font-family:	Arial;
}

input.price { 
	width:			65px; 
	font-family:	Arial;
}

textarea {
	font-family:		Arial;
	font-size: 12px;
	width: 300px;
	height: 200px;
}

.FormHelp { color: #396281; font-weight: bold; font-family:	Arial; font-size: 13px;}
.FormLabel { color: #396281; font-weight: bold; font-family: Arial; font-size: 13px; }
.FormLabelMan { color: #09263C; font-weight: bold; font-family: Arial; font-size: 13px; }
.label { color: #396281; font-weight: normal; font-family: Arial; font-size: 13px; }

div.TipInfo {
	margin-left:		10px;
	margin-right:		10px;
	font-family:		Arial;
	font-size:			12px;
	color:				#09263C;
	text-align:			justify;
}

div.memoButton {
	padding: 2px;
	border:			1px solid #396281;
	color: #396281; font-weight: bold; font-family: Arial;
	text-align: center;
	width: 175px;
}

div.memoButtonActif {
	padding: 2px;
	border:			1px solid #396281;
	color: #396281; font-weight: bold; font-family: Arial;
	text-align: center;
	width: 175px;
	background-color:	#EEEEEE;
}

div.memoButton A {
	text-decoration: none;
}

div.memoButtonActif A {
	text-decoration: none;
}


h2.TipTitle {
	margin-left:		10px;
	font-family:		Arial;
	font-size:			14px;
	color:				#09263C;
	font-weight:		bold;
} 

h2.title {
	font-family:		Arial;
	font-size:			14px;
	color:				#09263C;
	font-weight:		bold;
}

.note { 
	font-family:		Arial; 
	font-size:			8pt; 
}

.not_allowed { color: red; }

.format { 
	font-family:		Arial;
	font-size:			10px;
	color:				#09263C;
}


.display {
	text-align:			left;
	color:				#000000;
	font-family:		Arial;
	font-size:			12px;
}

.displayOddHeader {
	text-align:			left;
	background-color:	#EEEEEE;
	color:				#000000;
	font-family:		Arial;
	font-size:			12px;
	font-weight:		bold;
	width:				200px;
}

.displayEvenHeader {
	text-align:			left;
	background-color:	#FFFFFF;
	color:				#000000;
	font-family:		Arial;
	font-size:			12px;
	font-weight:		bold;
	width:				200px;
}

.displayOdd {
	text-align:			left;
	background-color:	#EEEEEE;
	color:				#000000;
	font-family:		Arial;
	font-size:			12px;
}

.displayEven {
	text-align:			left;
	background-color:	#FFFFFF;
	color:				#000000;
	font-family:		Arial;
	font-size:			12px;
}

table.printable th {
	color:				#000000;
	font-family:		verdana, arial, helvetica;
	font-size:			10px;
	font-weight:		bold;
	background-color:	rgb(221,221,221);
	padding:			2px 2px 2px 2px;
	text-align:			left;
}

table.printable td {
	color:				#000000;
	font-family:		verdana, arial, helvetica;
	font-size:			10px;
	background-color:	rgb(238,238,238);
	padding:			2px 2px 2px 2px;
	text-align:			left;
}

p.printable-title {
	color:				#000000;
	font-family:		verdana, arial, helvetica;
	font-size:			13px;
	font-weight:		bold;
	padding-bottom:		8px;
}

p.printable-title2 {
	color:				#000000;
	font-family:		verdana, arial, helvetica;
	font-size:			11px;
	font-weight:		bold;
	padding-bottom:		5px;
	padding-top:		8px;
}


.printableTitle {
	color:				#FFFFFF;
	background-color:	#000000;
	font-family:		"Arial";
	font-size:			11px;
	font-weight:		bold;
}

.printableHeader {
	color:				#000000;
	background-color:	#D0D0D0;
	font-family:		"Arial";
	font-size:			11px;
	font-weight:		bold;
}


table.invoice_info {
	width: 100%;
	text-align: center;
	border:	1px solid #396281;
	border-collapse:collapse;
}

table.invoice_info td {
	border:	1px solid #396281;
}




.ProductLabel {
	font-size: 11px;
	font-weight: bold;
}


table.invoice {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

table.invoice td {
	margin: 0px;
	padding: 0px;
}

table.invoice p {
	font-size: 12px;
}

table.product_list {
	width: 100%;
	text-align: center;
	border:	1px solid #396281;
	border-collapse:collapse;
}

table.product_list td {
	border:	1px solid #396281;
	padding: 2px;
}

table.shipping {
	border: none;
	margin: 0px;
	padding: 0px;
}

table.shipping td {
	border: none;
	margin: 0px;
	padding: 0px;
}

.productName {
	font-family:		Arial;
	font-size:			13px;
	font-weight:		bold;
}

.productDescription {
	font-family:		Arial;
	font-size:			11px;
	font-style:			italic;
	color:				#333333;
}

.productNameA {
	font-family:		Arial;
	font-size:			13px;
	font-weight:		bold;
	color: #DDAA66; 
}

.productDescriptionA {
	font-family:		Arial;
	font-size:			11px;
	font-style:			italic;
	color:				#DDAA66;
}

.productNameError {
	font-family:		Arial;
	font-size:			13px;
	font-weight:		bold;
	color: red; 
}

.productDescriptionError {
	font-family:		Arial;
	font-size:			11px;
	font-style:			italic;
	color:				red;
}


#box {
	border-collapse:	collapse;
	width:				150px;
	border:				1px solid #B6C2CB;
	padding:			2px 2px 2px 2px;
}

.boxTitle {
	color:				#FFFFFF;
	background-color:	#163B57;
	text-align:			center;
	font-family:		Arial;
	font-size:			11px;
	border-bottom:		1px solid #B6C2CB;
	font-weight:		bold;
}

.boxContent {
	color:				#B6C2CB;
	font-family:		Arial;
	font-size:			11px;
	padding-right:		4px;
	text-align:			left;
}

.cieInfo {
	font-family:	Courrier;
	font-size:		11px;
	color: 			#000000;
}

.cieInfo td {
	font-family:	Arial;
	font-size:		12px;
	color: 			#000000;
}

td.summary {
	font-family:	Arial;
	font-size:		12px;
	color: 			#000000;
}

/********** new box ricardjp *************/

table.box {
	border-collapse:	collapse;
	width:						150px;
	padding:					2px;
	border:				1px solid #B6C2CB;
}

table.box th {
	color:							#FFFFFF;
	background-color:	#163B57;
	text-align:					center;
	font-family:				Arial;
	font-size:					11px;
	border-bottom:			1px solid #B6C2CB;
	font-weight:				bold;
}

table.box td {
	text-align:					left;
	padding:						0px 4px;
}

ul.applet {
	margin-top:				2px;
	margin-bottom:			2px;
	margin-left:				20px;
}

/* hack for non-IE browsers, displaying list correctly indented */

html>body ul.applet { margin-left: -25px; margin-top: 2px; margin-bottom: 2px;}

ul.applet li {
	list-style-type:			square;
	color:							#EBB338;
	margin:						0;
	padding:						0;
}

a.box {
	color:							#B6C2CB;
	font-size:					11px;
}

/*****************************************/

div.errorFrame { 
	text-align:			left;
	border-collapse:	collapse;
	border:				1px solid #163B57;
	padding-top:		12px;
	padding-bottom:		12px;
	padding-left:		50px;
	height:				40px;
	width:				250px;

	font-family:		Arial;
	font-size:			12px;
	font-weight:		bold;
	color:				#163B57;
	background-color:	#FFFFFF;
	background-image:	url('/skins/default/images/error.gif');
	background-repeat:	no-repeat;
}

div.error { 
	text-align:			left;
	border-collapse:	collapse;
	border:				none; /* 1px solid #163B57; */
	padding-top:		12px;
	padding-bottom:		12px;
	padding-left:		50px;
	height:				40px;
	width:				300px;

	font-family:		Arial;
	font-size:			12px;
	font-weight:		bold;
	color:				#163B57;
	background-color:	#FFFFFF;
	background-image:	url('/skins/default/images/error.gif');
	background-repeat:	no-repeat;
}

div.success { 
	text-align:			left;
	border-collapse:	collapse;
	border:				none; /* 1px solid #163B57; */
	padding-top:		12px;
	padding-bottom:		12px;
	padding-left:		50px;
	height:				40px;
	width:				300px;

	font-family:		Arial;
	font-size:			12px;
	font-weight:		bold;
	color:				#163B57;
	background-color:	#FFFFFF;
	background-image:	url('/skins/default/images/success.gif');
	background-repeat:	no-repeat;
}

div.warning { 
	text-align:			left;
	border-collapse:	collapse;
	border:				none; /* 1px solid #163B57; */
	padding:			10px;
	padding-left:		50px;
	height:				40px;
	width:				300px;

	font-family:		Arial;
	font-size:			12px;
	font-weight:		bold;
	color:				#163B57;
	background-color:	#FFFFFF;
	background-image:	url('/skins/default/images/warning.gif');
	background-repeat:	no-repeat;
}

div.conception { 
	font-family:		Arial;
	font-size:			10px;
	color:				#AAAAAA;
}

div.search_result {
	font-family: Arial, helvetica;  
	font-size: 11px;
	width:  100%;
	height: 200px;
	overflow: auto;
	scrollbar-base-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF; 
	scrollbar-shadow-color: #FFFFFF;  
	scrollbar-track-color: #FFFFFF; 
	scrollbar-arrow-color: #141414;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #CCCCCC;
	scrollbar-shadow-color: #FFFFFF;
} 

table.tableList {
	border-bottom:				1px solid #163B57;
}

table.tableList th {
	padding:							4px;
}

table.tableList td {
	font-family:					Arial;
	font-size:						11px;
	color:								#09263C;
	padding-left:					4px;
	padding-right:				4px;
	vertical-align:					top;
}

table.tableList td.footer {
	background-color:		#CBD7E2;
	color:								#09263C;
	font-family:					"Arial";
	font-size:						11px;
	font-weight:					bold;
	text-align:						right;
	border-top:					1px solid #163B57;
	padding:							4px;
}

span.info {
	font-family:					Arial;
	font-size:						11px;
	color:								#09263C;
	font-style:						italic;
}

table.tableInfo {
	font-family:					Arial;
	font-size:						11px;
	font-weight:					bold;
	color:								#09263C;
	border-bottom:				1px solid #163B57;
	border-top:					1px solid #163B57;
}

tr.even1 td {
	background-color:	#FFFFFF; 
	padding-top: 4px;
	padding-bottom: 4px;
}

tr.odd1 td {
	background-color:	#E7EEF4;
	padding-top: 4px;
	padding-bottom: 4px;
}

.productTaxeLabel {
	text-decoration: line-through;	
	font-size: 9px;
	font-style: italic;
}
fieldset.kolibri {
	border:							1px solid #163B57;
}
fieldset.kolibri legend {
		font-style:					arial, sans-serif;
		font-weight:				bold;
		color:							#09263C;
}