/***************************************************************************************
** File name:	diensten-standaard.css
** Author(s):	bart.vandervliet
**				cathy.degeest
** Date:		2008-09-01
** Description:	Standard diensten.vwe.nl CSS. Defines the standard layout of web 
**				components.
** Remarks:		Before altering the contents of this file, please make sure the changes
**				apply to the house style rules of VWE. House style rule changes can be
**				be confirmed by the Marketing & Communicatie department.
** Agreements:	* Class names should be in English
**				* Class names in lowercase
**				* Elements in uppercase
**				* First part of class name is the component name
**				* Second part of class name defines the section of the component
**				* Class name parts are separated by a dash (-)
**
** File history
**
** Date			Author				Comments
** -------------------------------------------------------------------------------------
** 2008-09-01	bart.vandervliet	Initial version
**
****************************************************************************************/

/*
	GENERAL STYLING
*/

A:link
, A:active
, A:visited
{
	font-weight: bold;
	color: #009eae;
	text-decoration: underline;
}

A:hover
{
	color: #66c5ce;
}

BODY
{
	background: transparant;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #002023;
	margin: 0;
	padding: 0;
}

H1
{
	font-size: 14px;
	font-weight: bold;
	color: #009eae;
	margin: 0;
	margin-bottom: 7px;
}

LABEL
{
	display: inline-block; 
	font-weight: false;
}

P
{
	margin: 0 0 6px 0;
	padding: 0 0 0 3px;
}

P.label-nospacing
{
	margin: 0;
	padding: 0;
}

P.label
{
	margin: 0;
	padding: 0 0 16px 0;
}

P.KfzInformationText {
	color: #808080;
}

STRONG.emphasised-green
{
	color: #009eae;
}

STRONG.emphasised-red
{
	color: #ff0000;
}

DIV.information-box
{
	border: solid 1px #7fced6;
	background-color: #e5f5f7;
	background-image: url(/images/icons/ico_info.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	padding: 3px 4px 4px 22px;
	margin: 8px;
}

/*
	COMPONENT: BUTTON
*/
INPUT.button
{
	background-image: url(/images/general/bg_button.gif);
	background-color: #deeeef;
	border: outset 1px #99b8bb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3d5a5d;
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
	cursor: hand;
}

/*
	COMPONENT: ICONBUTTON
*/
INPUT.button-pdf
{
	background-image: url(/images/general/bg_button_acrobat.gif); 
	background-repeat: no-repeat;		
	background-color: #deeeef;
	border: outset 1px #99b8bb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3d5a5d;
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
	cursor: hand;
}

/*
	COMPONENT: TEXTBOX
*/
INPUT.textbox
{
	padding-left: 8px;
	padding-right: 8px;
}

/*
	COMPONENT: BUTTONBAR
*/
DIV.buttonbar
{
	text-align: right;
}

/*
	COMPONENT: PANEL
*/
FIELDSET.panel
{
	border: solid 1px #009eae;
}

DIV.panel-title
{
	background-color: #b2dfe3;
	color: #009eae;
	border-bottom: solid 1px #009eae;
	font-weight: bold;
	padding: 0 4px;
	padding-left: 4px;
}

DIV.panel-content
{
	padding: 12px 4px 4px 4px;
}

/*
	COMPONENT: TABSTRIP
*/
TABLE.tabstrip
{
	height: 27px;
}

TABLE.tabstrip-content
{
	border: #cccccc 1px solid;
	border-top: none;
	background-color:#FFFFFF;
}

DIV.tabstrip-content-box-top
{
	border-top: solid 1px #cccccc; 
	position: relative;
	top: -1px;
	z-index: -1;
}

DIV.tabstrip-content-box
{
	clear: both;
	border-left: solid 1px #cccccc; 
	border-right: solid 1px #cccccc; 
	border-bottom: solid 1px #cccccc; 
	padding: 4px;
	margin-bottom: 12px;
	position: relative;
	top: -1px;
}

/*
	SEQUENCE IS IMPORTANT: first deselected...
*/
TABLE.tabstrip-item-deselected
{
	height: 27px;
	padding: 0 10px;
	border: solid 1px #cccccc;
	background-color: #efefef;
}

TD.tabstrip-item-deselected
{
	padding: 0 10px;
	border: solid 1px #cccccc;
	background-color: #efefef;
}

A.tabstrip-item-deselected
{
	color: #009eae;
	font-weight: bold;
	text-decoration: none;
}

/*
	SEQUENCE IS IMPORTANT: ... then selected.
*/
TABLE.tabstrip-item-selected
{
	height: 27px;
	padding: 0 10px;
	border: solid 1px #cccccc;
	border-bottom: none;
	background-color: #ffffff;
	border-bottom: none;
}

TD.tabstrip-item-selected
{
	padding: 0 10px;
	border: solid 1px #cccccc;
	border-bottom: none;
	background-color: #ffffff;
}

A.tabstrip-item-selected
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.tabstrip-separator
{
	border-bottom: solid 1px #cccccc;
}

TD.tabstrip-bottom
{
	border-bottom: solid 1px #cccccc;
}

A.tabstrip-item-link-deselected
{
	color: #009eae;
	font-weight: bold;
	text-decoration: none;
}

A.tabstrip-item-link-selected
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

/*
	COMPONENT: PAGE
*/
TD.page-navigation-content-separator
{
	width: 108px;
	border-right: solid 1px #e5e5e5;
}

TD.page-content
{
	padding: 7px;
}

/*
	COMPONENT: TREEPANEL
*/
.treepanel
{
	border: solid 1px #008e9c;
}

.treepanel-title
{
	padding-left: 32px;
	color: #009eae;
	font-weight: bold;
	background-color: #b2e2e7;
	border-bottom: solid 1px #008e9c;
}

.treepanel-rootnode-collapsed
{
	background-color: #e5f5f7;
	border-bottom: solid 1px #cccccc;
	color: black;
	font-weight: bold;
	padding: 2px 0 0 0;
}

.treepanel-rootnode-expanded
{
	background-color: #e5e5e5;
	border-bottom: solid 1px #cccccc;
	color: #009eae;
	font-weight: bold;
	padding: 2px 0 0 0;
}

.treepanel-leafnode
{
	border-bottom: solid 1px #cccccc;
	padding: 3px 0 0 0;
}

A.treepanel-leafnode
{
	font-weight: normal;
}
	
.messagebox-default
{
	padding-top: 7px;
	padding-left: 45px;
	padding-bottom: 3px;
	padding-right: 20px;
	font-weight: bold;
	min-height: 30px;
	max-height: 100px;
	width: 100%;
	height: auto;
	overflow: auto;
}
		
.messagebox-error
{
	background: url("/images/algemeen/error.png") 10px no-repeat;
	background-color: #FFEAEA;
	border: 1px solid red;
	color: Red;
}
		
.messagebox-ok
{
	background: url("/images/algemeen/check.png") 10px no-repeat;
	background-color: #B7FFB7;
	border: 1px solid green;
	color: Green;
}
		
.messagebox-warning
{
	background: url("/images/algemeen/sign_warning.png") 10px no-repeat;
	background-color: #FFFFE8;
	border: 1px solid #FFCC00;
}