/*
ABZ-Solera styles


Style elements, based upon the Solera Brand Handbook:

Logo:        url(../images/abz-solera-logo.gif)

Colors:

Colors from the Solera Brand Handbook

Steely blue: rgb(131, 160, 192) | #83A0C0
Orange:      rgb(194, 94, 0) | #C25E00 
Light gray:  rgb(218, 214, 213) | #DAD6D5
Dark gray:   rgb(126, 121, 119) | #7E7977
Black: 		rgb(0, 0, 0) | #000000
White:		rgb(255, 255, 255) | #FFFFFF


Colors from web samples accompanying the Solera Brand Handbook
Light blue:	rgb(193, 208, 223) | #C1D0DF left menu box background color
Light gray: rgb(238, 234, 231) | #EEEAE7 lines between left menu items

Darkest gray: rgb(80, 78, 79) | #504e4f text color



Steely blue (wrong): rgb(189, 209, 226) | #C6D1E2
Dark orange: rgb(145, 70, 0) | #914600	Unofficial orange menu hilite color


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

html, 
body,
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: rgb(0, 0, 0);
}

html, 
body {
	margin: 0;
	border: 0;
	padding: 0;
	background-color: white;
}

p {
	margin: 0 0 6px 0;
}

h1 {
	color: rgb(189, 209, 226);
	font-size: 18pt;
	font-weight: normal;
	margin: 0 0 6px 0;
}

h2 {
	font-size: 11pt;
	color: rgb(126, 121, 119);
	margin: 18px 0 3px 0;
}

h3 {
	font-size: 10pt;
	color: rgb(126, 121, 119);
	margin: 12px 0 3px 0;
}

h4 {
	font-size: 11px;
	margin: 12px 0 3px 0;
}

a {
	color: rgb(194, 94, 0);
}

table, form, ul, blockquote {
	margin: 0;
}

th {
	text-align: left;
	color: rgb(126, 121, 119);
}



/*
Main page
***********************************************************/

#page {
	margin: 0;
	border: 0;
	padding: 0;
	width: 945px;
	margin-right: auto;
	margin-left: auto;
	background-color: white;
}

.zone {
	border: 0px solid aqua;
}

.clearing {
	clear: both;
	visibility: hidden;
	font-size: 0px;
	overflow: hidden;
	height: 0;
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent;
}


/*
Main table columns */
col#column-left {
	width: 225px !important;
}

col#column-center {
}

col#column-right {
	width: 180px !important;
}



/*
Header - Banner
***********************************************************/
#header {
	margin: 0 0 18px 0;
	padding: 0 0 0 0;
	border: 0px solid aqua;
}

#banner {
	height: 75px;
	overflow: hidden;
	margin: 0 0 0 0;
	border: 0px solid black;
	padding: 0 12px 0 12px;
	z-index: 10;
}

#logo {
	float: left;
	height: 60px;
	width: 120px;
	margin-top: 15px;
	overflow: hidden;
}

#logo a {
	display: block;
	height: 100%;
	font-size: 1pt;			
	padding-top: 200px;
}

/*
IE6 PNG transparency fix */
img, #logo { 
	behavior: url(/themes/abz-solera/css/ie-png-fix.htc);
}

#logo { 
	background: url(/themes/abz-solera/images/abz-solera-logo-060.png) no-repeat;
}

#slogan {
	display: none;
	float: right;
	background:  url(file:///X|/dev.abz.adp-bsp.nl/html/themes/abz-solera/images/strapline1.gif) transparent no-repeat 0 100%;
	width: 303px;
	height: 75px;	
	margin: 0px 0 0 0 ;
	border: 0px solid red;
}


/*
Header - Menubar
***********************************************************/
#menubar {
	height: 20px;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 2px 12px 0px 12px;
	background-color: rgb(194, 94, 0);
	z-index: 5;
}

#menubar div {
	margin: 0;
	border: 0;
	padding: 0;
}

#main-menu {
	display: inline;
	float: left;
}

#main-menu-right {
	display: inline;
	float: right;
}

#menubar ul {
	display: inline;
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
}

#menubar li {
	display: inline;
	margin: 0;
	border: 0;
	padding: 0;
	font-size: 7pt;
	border-right: 1px solid white;
}

#menubar li a {
	color: white;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0 9px 0 9px; 
}

#menubar li a:hover, 
#menubar li a.selected {
	color: black;
}

#menubar #main-menu-right li {
	border-right: 1px solid white;
}

#menubar #main-menu li.last-item, 
#menubar #main-menu-right li.last-item {
	border-right: 0px solid white;
}


/*
Page menu
(The blue menu on the left)
***********************************************************/

#page-menu {
	min-height: 400px;
	margin: 0px 0px 20px 0px;
	border: 0;
	padding: 9px 12px 18px 0;
}

#page-menu h2 {
	color: white;
	font-size: 10pt;
	margin: 1px 0 3px 9px;
	padding: 1px 0px 1px 3px;
	background: rgb(126, 121, 119);
}

#page-menu h3,
#page-menu h3 a {
	color: white;
	font-size: 10pt;
	margin: 3px 0 0 0;
	border: 0;
	padding: 4px 0px 2px 12px;
	text-decoration: none;
}

#page-menu h3 a {
	padding-left: 0;
}

#page-menu ul {
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0 0 0 0;
}

#page-menu li {
	margin: 0;
	border: 0;
	padding: 0px 0px 0px 12px;
}

#page-menu li a {
	display: block;
	height: 1em;
	clear: right;
	color: rgb(126, 121, 119);
	text-decoration: none;
	margin: 0;
	border: 0;
	border-bottom: 2px solid rgb(218, 214, 213);
	padding: 2px 0px 9px 0px;
}

#page-menu li a:hover {
	color: black;
}

/*
Footer
***********************************************************/
#footer {
	height: 20px;
	overflow: hidden;
	margin: 18px 0 20px 0;
	padding: 1px 12px 1px 12px;
	background-color: rgb(126, 121, 119);
}

#footer div {
	margin: 0;
	border: 0;
	padding: 1px 0 0 0;
	border: 0px solid red;
}

#footer ul {
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
}

#footer li {
	display: inline;
	height: 1em;
}

#footer .left {
	display: inline;
	float: left;
	height: 20px;
	width: 196px;
	
	padding-top: 240px;
	overflow: hidden;
	font-size: 1pt;
	color: white;
	
	background:  url(file:///X|/dev.abz.adp-bsp.nl/html/themes/abz-solera/images/strapline2.gif) transparent no-repeat 0 0;
}

#footer .right {
	display: inline;
	float: right;
}

#footer .right li a {
	color: white;
	font-weight: normal;
	text-decoration: none;
	padding: 0 6px 0 6px; 
	border: 0px solid green;
}

#footer .right li a:hover {
	color: rgb(218, 214, 213);
}


/*
Content
***********************************************************/
#content {
	min-height: 450px;
	
	margin: 0 18px 0 18px;
	border: 2px solid rgb(218, 214, 213);
	padding: 0 24px 48px 24px;
	
	overflow: hidden;
}

#content * {
	line-height: 160%;
}

#content ul, #content ol {
	margin: 0px 0px 6px 0px;
	border: 0px solid aqua;
	padding: 0px 0px 0px 6px;
}

#content li {
	list-style: none;	
	background:  url(file:///X|/dev.abz.adp-bsp.nl/html/themes/abz-solera/images/bullet-orange-06.gif) no-repeat;
	background-position: 0px 6px;
	
	margin: 0px 0px 3px 0px;
	border: 0px solid red;
	padding: 0 0 0 15px;
}

#content .image-right {
	float: right;
	margin: 12px 0 12px 12px; 
	
}

#content hr {
	border: 1px solid rgb(126, 121, 119);
}

/*
Boxes: Infobar, aanvragen
***********************************************************/
div.infobar,
div.box-aanvragen {
	margin: 0 0 18px 0;
	border: 3px solid rgb(218, 214, 213);
	padding: 0;
	
}
div.box-aanvragen {
	border-color: rgb(194, 94, 0);
}

div.infobar div.box-content,
div.box-aanvragen div.box-content {
	margin: 0px;
	border: 0;
	padding: 9px 6px 9px 6px;
}

div.infobar h2,
div.box-aanvragen h2 {
	display: block;
	font-size: 10pt;
	background-color: rgb(218, 214, 213);
	color: rgb(126, 121, 119);
	margin: 0;
	border: 0;
	padding: 3px 6px 3px 6px;
}

div.box-aanvragen h2 {
	background-color: rgb(194, 94, 0);
	color: white;
}

div.infobar h2 a,
div.box-aanvragen h2 a {
	color: rgb(126, 121, 119);
	text-decoration: none;
}
div.infobar h3,
div.infobar h3 a,
div.box-aanvragen h3,
div.box-aanvragen h3 a {
	font-size: 9pt;
	color: rgb(126, 121, 119);
	text-decoration: none;
	margin-top: 6px;
}

div.infobar ul,
div.box-aanvragen ul {
	margin: 0;
	border: 0;
	padding: 0;
}

div.infobar li,
div.box-aanvragen li {
	list-style: none;	
	background:  url(file:///X|/dev.abz.adp-bsp.nl/html/themes/abz-solera/images/bullet-orange-06.gif) no-repeat;
	background-position: 0px 6px;
	
	margin: 0px 0px 3px 0px;
	border: 0px solid red;
	padding: 0 0 0 15px;
}

div.box-aanvragen li {
	background:  url(file:///X|/dev.abz.adp-bsp.nl/html/themes/abz-solera/images/bullet-dark-gray-06.gif) no-repeat;
	background-position: 0px 6px;
}



/*
Component: Search box
***********************************************************/
#search-box {
	background-color: rgb(218, 214, 213);
	margin: 0px 12px 24px 12px;
	border: 0;
	padding: 6px;
}

#search-box h2 {
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
	color: black;
	font-size: 9pt;
	clear: both;
}

#search-box input.term {
	float: left;
	border: 1px;
	width: 80%;
	margin: 2px 0 0 0;

}

#search-box input.submit {
	float: right;
	color: white;
	background-color: rgb(194, 94, 0);
	border: 0;
	padding: 2px;
	font-weight: bold;
}



/*
Form styles
***********************************************************/
input,
select {
	line-height: 12px;
	padding: 1px 3px 3px 3px;
}

label {
	color: rgb(126, 121, 119);
	margin: 0 3px 0 0;
}

.full-width {
	width: 100%;
}

textarea.remarksfield {
	width: 100%;
	height: 180px;
}

.action-buttons {
	float: right;
	margin: 24px 0 0 0;
}

span.required {
	color: red;
}

/* 
News */

.news-date-small {
	color: rgb(126, 121, 119);
}




/*
*/

.inline-cadre {
	border: 1px solid rgb(126, 121, 119); 
	padding: 9px; 
	margin-top: 12px;
}



/*
Experiments
***********************************************************/

.banner {
	margin: 0 0 6px 0;
}

#page {
	border: 0px solid rgb(126, 121, 119);
}

td#cell-middle-left {
	background-color: rgb(189, 209, 226);
}


.box-steely-blue {
	background-color: rgb(189, 209, 226);
}


/*
Ajustments to better fit the Solera Brand Handbook and accompanying samples
*/

html, 
body,
* {
	color: rgb(80, 78, 79);
}



#page {
	/* width: 1024px; */
}

h1 {
	color: rgb(131, 160, 192);
}

h1 span.tagline,
p.tagline {
	display: block;
	font-size: 12pt;
	font-weight: normal;
	color: rgb(131, 160, 192);
	margin-top: 0;
}

td#cell-middle-left {
	background-color: rgb(193, 208, 223);
}

#page-menu h2 {
	color: rgb(131, 160, 192);
	background: transparent;
	float: right;	
}

#page-menu li a {
	color: rgb(80, 78, 79);
	padding: 4px 0px 11px 0px;
	border-bottom: 2px solid rgb(238, 234, 231);
}

#page-menu li.last-item a {
	border-bottom: 0px;
}

.box-steely-blue {
	background-color: rgb(131, 160, 192);
}