/* SIDEBAR STYLE */

/* style class for boxes in sidebar */
.leftpart {
	background-color: #FFFFFF;
	color: #015666;
	/* height: inherit;           use height as defined in sidebar  Note: does not work in IE7 */
	height: 650px;
	border: 0px solid #000000;
}

/* style class for boxes in bars */
.rightpart {
	background-color: #FFFFFF;
	color: #015666;
	height: inherit;           /* use height as defined in bars */
	border: 1px solid #000000;
}


/* style class for fieldsets within a box 
   Algemene stijl voor alle fieldsets. Geen aparte fieldsets definieren
 */
.fieldset {
	margin: 0px;
	padding: 0px;
	width: inherit;
}

.rightpart .fieldset {
      width: 480px;
}

.fieldset legend {
	color: #000;	
	font-size: 10pt;
}

/* SELECTION PROFILES */ 
.wrapper {
}

.select {
    width: 320px;
}

table.radio1of3 {
	font-size: 0.8em;
    width: 320px;
    border-style: solid;
    border-width: 0px;
    margin-bottom: 2px;   
}

table.radio1of3 td {
	width: 100px;
}

table.radio1of3 input {
	float: left;
}

table.radio1of3 label {
	float: left;
	width: 80%;
	text-align: center;
}

/* SELECTED PROFILES */

/* general style class for all textfields with profile information */
input[type=text] {
	background: #C6EDF5;
	color: #015666;
	border: 1px solid;
	margin: 2px;
}

input[type=radio] {
	color: #015666;
	margin: 2px;
}

input {
	color: #015666;
	margin: 2px;
}
.profileInfo {
	margin-bottom: 20px;
}

.profileInfoLine {
	float: left;
	width: 100%;
}

label.categorie, label.klasse, label.profLabel {
	float:left;
	width: 80px;
	margin-top: 3px;
    margin-left: 3px;
}

.inputTextName {
	width:50px;
	font-size: 10pt;
}

.inputTextId {
	width:50px;
	font-size: 10pt;
}

/* styles for three buttons */
input.profileDelete {
	float: right;
    border:0px;
	background-color: transparent;
	position: absolute;              /* workaround for JSF bug image button alignment */
    margin-top: 5px;
    margin-left: 55px;
}

input.prestatieTabel {
    width : 110px;
	margin-left: 84px;
    margin-top: 5 px;
    margin-bottom: 12px;
	border: 1px solid #015666;
}

input.geluidsTabel {
    width : 110px;
	border: 1px solid #015666;
	margin-top: 5px;
	margin-left: 12px;
	margin-bottom: 12px;
}

input.klasseDescription, input.categorieDescription {
	width: 230px;
}

.profImage {
	border: 1px solid #015666;
    /*height: 18px;*/
	top: 5px;
	margin-left: 2px;
	padding: 0px;
	position: relative;
}


/* DIALOGS */

.profileText {
	font-size: 8pt; 
	font-family: monospace;
	width: 98%; /* Not perfect but works for both IE/windows as firefox/linux */
}

#geluidsbestand {
	background: white;
	color: black;
	border: 1px solid #015666;
	padding: 5px;
	overflow: auto;
}

#prestatiebestand {
	background: white;
	color: black;
	border: 1px solid #015666;
	padding: 5px;
	overflow: auto;
}

#selectNewProfile {
		
}