/*
#AAE4F9 - use in background
*/

html,body 
   {
	background: url(../images/background.jpg) repeat-x #AAE4F9;
   }

table 
   {
	empty-cells:show;
	margin-left: auto;
	margin-right: auto;
   }

body, td, th, input, select, textarea 
   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
   }

body, form 
   {
	padding: 0;
	margin: 0;
   }

legend 
   {
	color: #3F3A21;
   }

input, select 
   {
	border: 1px solid #003E71;
   }
   
th {
  background: #e3e3e3;
  text-align: left;
  border-bottom: 1px solid #999;
  color:#000000;
  padding: 3px;
}   

a 
   {
	color: #CC0018;
	text-decoration: none;
   }

a:hover 
   {
	text-decoration: underline;
   }

img 
   {
	border: 0;
   }

ul {
   margin:1px;
	line-height: 11px;
} 

.stirinoli li {
	list-style-image:url(../images/stiri_border.gif);
	list-style-position:inside;
	padding-top: 3px;
} 

/*
header.
*/

#logo {
	position: absolute;
	padding-left:20px; 
	top:47px;
	z-index:1;
	margin: 0 auto;
}
div#logo .flags img {
	position:relative;
}

div#header {

}

#login 
   {
	position: absolute;
	left: 0px;
	margin: 0px;
	padding-bottom:0px;
	height: 20px;
	width: 220px;
	top: 130px;
	color:#FFFFFF;
   }

#menu 
   {
	margin: 0;
	padding: 0;
	color: #FFF;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	font-weight:bold;
	height:auto;
	float: right;
	display: block;
   }

#menu a 
   {
	color: #FFF;
	padding: 0px 5px 0px 5px;
   }

.header_pict 
   {
	background:url(../images/admin_header_picture.jpg);
   }

.header_cell 
   {
	background:#0057B1;
   }

.header_cell_submenu_right 
   {
	color:#FFFFFF;
	text-align:center;
   }

/*
login stuff here.
*/

#loginform 
   {
	padding: 0px;
	margin: 0px;
   }

#loginformtable 
   {
	width:300px;
   }

#loginformtable .label 
   {
	color: #fff;
	background-color: #007BC9;
	padding-left:5px;
	padding-right:5px;
	overflow:hidden;
	text-align:right;
   }

#loginformtable .field 
   {
	padding-left:5px;
	padding-right:5px;
	overflow:hidden;
	text-align:left;
   }

.button 
   {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Verdana, Helvetica, Arial, sans-serif, sans;
	color: #FFF;
	border: 2px solid #FFF;
	padding: 2px 12px 2px 12px;
	margin-right: 20px;
	text-transform: uppercase;
	font-size: 14px;
	background-color: #004489;
	background: #004489 url(../images/admin_button_bg.jpg) repeat-x;
   }

#submenu 
   {
	width: 220px;
	left: 0px;
   }

.username 
   {
	padding: 2px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 14px;
	color: #FFF;
   }

/*
popup used by producst and addresses.
*/

#container {
	width:989px; 
	margin:auto;
	padding:inherit; 
	margin-top:0; 
	background-color:#FFFFFF; 
	border:#6BA7D9 solid 3px;
	clear:both;
}   
#container div {
   display:inline
}

#headertable, #resulttable, #searchtable {table-layout: fixed;}

#address_code_search 
   {
	position:absolute;
	top:40px;
	left:10px;
	width:660px;
	height:520px;
	background-color: #99CDE2;
	border: 1px #007bc9 solid;
	z-index: 10000;
   }

/*
mostly text formatting here.
*/

.text 
   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
   }

a.text:link,a.text:hover,a.text:visited 
   {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none
   }

.textbold 
   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
   }

a.textbold:hover, a.textbold:link, a.textbold:visited 
   {
	text-decoration: none;
   }

.tableheader, a.tableheader , a.tableheader:hover, a.tableheader:visited
   {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size:10px;
   } 
   
   
/*
end mostly text formatting here.
*/

#resulttable td 
   {
	border-bottom: 1px solid #6A9EB3;
	border-left: 1px solid #6A9EB3;
	/* padding-left:2px;
	*/
	/*padding-right:4px;
	*/
	overflow:hidden;
   }

#headertable td 
   {
	border: 1px solid #6A9EB3;
	border-bottom: 1px solid #6A9EB3;
	border-left: 1px solid #6A9EB3;
	padding: 2px;
	overflow:hidden;
	color: #003E71;
   }

#headertable th 
   {
	border-top: 1px solid #6A9EB3;
	border-bottom: 1px solid #6A9EB3;
	border-left: 1px solid #6A9EB3;
	padding: 2px;
	overflow:hidden;
	color: #6A9EB3;
	background-color:#6A9EB3;
   }

.listtable th.col0 
   {
	border-left: 0;
   }

.hoveredrow 
   {
	background-color: #6A9EB3;
   }

#headertable td.hoveredup, .hoveredup 
   {
	border-top: 1px solid #6A9EB3;
	border-bottom:1px solid #3F3A21;
   }

#headertable td.sortedup, .sortedup 
   {
	border-top: 1px solid #6A9EB3;
	border-bottom:1px solid #3F3A21;
	color: #3F3A21;
   }

#headertable td.hovereddown, .hovereddown 
   {
	border-top:1px solid #3F3A21;
	border-bottom: 1px solid #6A9EB3;
   }

#headertable td.sorteddown, .sorteddown 
   {
	border-top:1px solid #3F3A21;
	border-bottom: 1px solid #6A9EB3;
	color: #3F3A21;
   }

.sortedcolumn 
   {
	background-color: #99CDE2;
   }

.alignright 
   {
	text-align: right;
   }

.stretch 
   {
	width:98%;
   }

.buttonline 
   {
	text-align:right;
	padding: 5px;
   }

.error 
   {
	color: #F00;
	padding-left:4px;
	padding-right:4px;
   }

#newbox, #searchbox
   {
	background-color: #99CDE2;
   }

#searchbox #searchfeedback 
   {
	color: #003E71;
	background-color: #6A9EB3;
	padding:5px;
	margin-top:10px;
	text-align: center;
   }

#resultbox 
   {
   width: 100%;
   }

#newbox H3, #searchbox H3 
   {
	margin:0;
	padding: 4px 0 4px 2px;
	/*color: #003E71;
	*/
	color: #009CC4;
	font-size: 14px;
   }

.container 
   {
	padding:5px;
   }

.formtable 
   {
	width:100%;
   }

.label 
   {
	color: #003E71;
	background-color: #6A9EB3;
	padding-left:5px;
	padding-right:5px;
	overflow:hidden;
   }

.slabel 
   {
	color: #003E71;
	background-color: #99CDE2;
	padding-left:2px;
	padding-right:0;
	overflow:hidden;
	border-left: 1px solid #6A9EB3;
   }

.field 
   {
   }

#headerbox 
   {
	position: absolute;
	top: 0;
	left: 222px;
	margin: 0;
	padding: 0;
	height: 118px;
	width: 681px;
	overflow:hidden;
	background: #99CDE2;
   }

#loginbox 
   {
	background-color: #6A9EB3;
	margin-bottom: 1em;
	padding: 0 5px 5px 5px;
	color: #3F3A21;
   }

#loginbox h3 
   {
	letter-spacing:1px;
	font-size: 14px;
	margin:0;
	padding: 4px 2px 4px 2px;
   }

#loginbox .container 
   {
	background-color: #99CDE2;
   }

#logoutbox 
   {
	background-color: #6A9EB3;
	margin-bottom: 1em;
	padding: 10px;
	color: #3F3A21;
	line-height: 1.2em;
   }

#logoutbox .username 
   {
	padding: 2px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 14px;
	background-color: #003E71;
	color: #FFF;
   }

#submenu a 
   {
	margin: 0px 10px 0px 10px;
	padding: 0px 5px 0px 5px;
	display: block;
	color: #003B7A;
   }

#submenu a:hover 
   {
	text-decoration: none;
	color: #003E71;
	background-color:#DAF3F7;
   }

#submenu .actief 
   {
	text-decoration: none;
	background-color:#DAF3F7;
   }

#submenu .submenu_item 
   {
	text-align: left;
	line-height: 18px;
	margin-bottom: 10px;
	border-top: 1px solid #003B7A;
	border-bottom: 1px solid #003B7A;	
   }

#submenu .submenu_title 
   {
	font-size: 16px;
   }

#submenu .submenu_subtitle 
   {
	line-height: 18px;
	padding-left:20px;
	font-size: 9px;
	color: #003E71;
   }

#submenu .subsub .actief 
   {
	background-color: #003E71;
	border: 1px solid #003E71;
	color: #FFF;
   }

#submenu .subsub .actief:hover 
   {
	color: #FFF;
   }

.content_cell_leftmenu
	{
	padding: 5px 0px 0px 0px;
   	}
	
.content_main
	{
	padding: 5px 0px 0px 5px;
   	}

#mmbody 
   {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 221px;
	left: 224px;
	width: 681px;
	/*
	background-color: #6A9EB3;
	background-color: #FFF;
	*/
   }

#mmbody2 
   {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 72px;
	left: 111px;
	width: 681px;
	background-color: #6A9EB3;
	/*background-color: #FFF;
	*/
   }
   
.col0 
   {
	padding:2px;
	width:16px;
   }

.col1, .col2, .col3, .col4, .col5 
   {
	padding-left:2px;
	padding-right: 5px;
	width: 20%;
   }

.formgrid 
   {
	width: 100%;
	border: 0;
   }

.formgrid td 
   {
	padding-right: 4px;
   }

.formgrid .label 
   {
	width: 20%;
	color: #003E71;
	background-color: #6A9EB3;
	text-align: right;
   }

.formgrid .field 
   {
	width: 30%;
   }

.formgrid .required 
   {
   }

.formgrid INPUT[disabled][type=text] 
   {
	color: #000;
	background-color: #99CDE2;
	border: 1px solid #99CDE2;
   }

.formgrid SELECT[disabled] 
   {
	color: #000;
	background-color: #99CDE2;
   }

.hovertip 
   {
	position: relative;
	display: none;
	/* in case javascript is disabled */
		width: 240px;
	background-color: #009CC4;
	color: #FFF;
	z-index: 100;
	margin-left: 15px;
	margin-top: 5px;
	padding: 10px;
   }

.hovertip_wrap0 .hovertip 
   {
	margin: 0;
   }

.hovertip_wrap0 
   {
	margin-left: 5px;
	margin-top: 10px;
	z-index: 100;
   }

html>body .hovertip_wrap0 
   {
	display: none;
	background:url(images/corner_tr.png) right top no-repeat;
   }

html>body .hovertip_wrap1 
   {
	display: block;
	background:url(images/corner_bl.png) left bottom no-repeat;
	padding-top: 8px;
	padding-left: 8px;
   }

html>body .hovertip_wrap2 
   {
	display: block;
	background:url(images/shadow.png) bottom right no-repeat;
   }

html>body .hovertip_wrap3 
   {
	display:block;
	position: relative;
	left: -8px;
	top: -8px;
	background-color: #0CF;
   }

.hovertip_wrap3 
   {
	border:1px solid #0CF;
	/*border-color:#efefef #ccc #ccc #efefef;
	*/
		padding: 5px;
   }

span 
   {
	display: inline;
   }

.bluetext {color: #0062b3; font-size:12px; text-align:justify;}
.whitetext {color: #fff; font-size:10px;}
.blacktext {color: #000; font-size:12px; text-align:justify;}