/* HTML selectors */

body							{font-size:11px;}
p, label       					{ line-height: 150%; }
h2 {font-size:24px!important}
h3 								{ font-size: 1.2em;font-weight:bold;color:#008698; }
h3.titel						{background-color:#5b8424;padding:6px 5px;color:#fff;font-size:12px;margin:20px 0 0 0!important}
h4								{ font-size:12px; }
h4.first						{ margin-left:12px!important; }
h5								{ font-size: 1em;  font-weight:bold;float:left;display:block}
.sIFR-alternate 				{ color:#008698;}

/* END: HTML selectors  */
/* --------------------------------------------------------------------------- */

/* General form rules */
#contentGrid					{padding-left:12px;zoom:1;}

#contentGrid h4					{ margin: 1em 0 0.2em 0; color: #343434; }
form                			{ border: 0; margin: 0; padding: 0; }
form fieldset					{ border: 0; margin: 0; padding: 0; }

.todo							{ color:#000; }
.busy							{ color:#ff0000; }
.done							{ color:#666; }


/* END: General form rules  */
/* --------------------------------------------------------------------------- */

.section						{ background: url(/5/gfx/helpdesk/content-block-wide2-light.png) 0 0 no-repeat; color:#444; font-size: 11px; padding:0 0 20px 0; zoom:1;}
body#login .section						{ background: url(/5/gfx/helpdesk/content-block-wide2-light.png) 0 0 no-repeat; color:#444; font-size: 11px; padding:0 0 0 0;border:1px solid #cccccc;}
#contentGrid p					{ margin: 0 1em 1.6em 1em ; }
.blockend						{ height:20px; margin:0; padding:0; background: #999 url(/5/gfx/helpdesk/content-block-wide2-bottom.png) left bottom no-repeat; clear:both; }

.section .text					{ width:100%; margin-bottom:0.6em;padding-bottom:0.6em }

.section .text label			{ width:30%; padding:0.3em 10px 0 0; text-align:left; display:block; float: left; }
body#login .section .text label			{ width:30%; padding:0.3em 10px 0 10px; text-align:left; display:block; float: left; }
.section .text input			{ width:30%; padding: 2px; border: 1px solid #A5ACB2;height:auto }
.section .text input:focus		{ border: 1px solid #A5ACB2; }

.section .text span				{ padding-left:10px; line-height:200%; font-style:italic; color: #666; }
.section .errormessage			{ width:100%; color:#FF0000; text-align:center; margin-left: -1.7em;}

.section p.rows					{ margin-left: 12px; margin-bottom: 1.6em; background:#999; }
.section .label					{ width:35%; margin-bottom:0.3em; display:block; float:left; }
.section .value					{ width:70%; margin-bottom:0.3em; display:block; float:left; }

.section table					{ width:70%;}
.section th						{ font-weight:normal; }
.section th, .section td		{ width:40%; height: 1.6em; }

.section dl { margin-left: 12px; }
.section dt { float: left; width: 160pt; height: 1.6em; }
.section dd { height: 1.6em; }
.sifr-header, .main-header-default {display:none}
.error							{ float:left; text-align:left; width:100%; margin-bottom:5px; }
.error p						{ color:#FF0000; }
p.errormessage						{text-align:left!important;font-size:12px;margin:0!important }

#contentGrid ul { margin-bottom:20px; }
#contentGrid ul li { margin-left:20px; }

#contentGrid #btnNext			{ float:right; text-align:left;margin-left:10px!important; background:transparent url(/5/gfx/helpdesk/global-buttons-medium.gif) no-repeat 0 -19px;border:0;color:#fff;display:block;font-size:1.1em;font-weight:700;height:19px;margin:10px 4px 16px 0;overflow:hidden;padding:0 5px 0 10px;text-decoration:none;width:150px;clear: both;}
#contentGrid #btnLogin			{ float:right; text-align:left; background:transparent url(/5/gfx/helpdesk/global-buttons-medium.gif) no-repeat 0 -19px;border:0;color:#fff;display:block;font-size:1.1em;font-weight:700;height:19px;margin:10px 4px 16px 0;overflow:hidden;padding:0 5px 0 10px;text-decoration:none;width:150px;clear: both;}
#contentGrid #btnNext:hover		{ background:transparent url(/5/gfx/helpdesk/global-buttons-medium.gif) no-repeat 0 -57px; cursor: pointer; }
#contentGrid #btnNext a			{ padding:0; margin:3px; }
#contentGrid #btnPrev			{ float:left; text-align:right; background:transparent url(/5/gfx/helpdesk/global-buttons-reversed.gif) no-repeat 0 0px;border:0;color:#fff;display:block;font-size:1em;font-weight:700;height:14px;margin-top:10px;overflow:hidden;padding:2px 20px 3px 5px;text-decoration:none; width:133px; cursor: hand; }
#contentGrid #btnPrev:hover		{ background:transparent url(/5/gfx/helpdesk/global-buttons-reversed.gif) no-repeat 0 -38px; }
#contentGrid #btnPrev a			{ padding:0; margin:3px; }
.blockend						{ background: url(/5/gfx/helpdesk/content-block-wide2-bottom.png) left bottom no-repeat; height: 20px; width:100%; padding:0; margin:0; clear:both }

#contentGrid p.cancel			{ color:#FF0000; font-weight: bold; }
#contentGrid ol					{ margin: 10px 0 0 20px; padding: 0; list-style: none; list-style-type: none; background:transparent url(/5/gfx/helpdesk/status/flowback.gif) -1px 0 repeat-y; zoom:1; border:0; }
#contentGrid ol li				{ margin: 0; padding: 0; clear: both; }
#contentGrid ol li span			{ margin-bottom: 0.5em; display: block; float: left; }
#contentGrid ol li p			{ clear:both;padding-top:0 }
#contentGrid .state				{ width: 20px; font-weight:bold; }
#contentGrid .comment			{ width: 90%; }
#contentGrid .todo .state		{ background: url(/5/gfx/helpdesk/status/todo.gif) top left no-repeat; text-indent: -3000px; padding: 3px 0 3px 0; }
#contentGrid .todo-last { background:#fff; zoom:1; border:0; }
#contentGrid .todo-last .state		{ background: url(/5/gfx/helpdesk/status/todo-last.gif) top left no-repeat; text-indent: -3000px; padding: 3px 0 3px 0; }
#contentGrid .todo				{ color:#333; }
#contentGrid .todo h5			{ }
#contentGrid .done .state,
#contentGrid .done-first .state { background: url(/5/gfx/helpdesk/status/done.gif) top left no-repeat; text-indent: -3000px; padding: 3px 0 3px 0; }
#contentGrid .done,
#contentGrid .done-first { color:#333333; }
#contentGrid .busy-first .state		{ background: url(/5/gfx/helpdesk/status/busy.gif) top left no-repeat; text-indent: -3000px; padding: 3px 0 3px 0; }
#contentGrid .busy-first p		{ font-size:12px;padding-left:8px;font-weight:bold;padding-top:10px;}
#contentGrid .busy				{ color:#333333; font-weight: bold; }
#contentGrid .busy .state		{ background: url(/5/gfx/helpdesk/status/busy.gif) top left no-repeat; text-indent: -3000px; padding: 3px 0 3px 0; }
#contentGrid .busy-last { background:#fff; }
#contentGrid .busy-last .state		{ background: url(/5/gfx/helpdesk/status/busy-last.gif) top left no-repeat; text-indent: -3000px; padding: 3px 0 3px 0; }

#orderdata						{ background: url(/5/gfx/helpdesk/content-block-wide2-light.png) 0 0 no-repeat; padding: 1.5em 12px 0 12px; color:#444; font-size: 1.1em; }
#orderdata p					{ float:left; width:100%; margin-bottom:0.3em; }
#orderdata .descrp				{ float:left; width:25%; margin-bottom:0.3em; }
#orderdata .defint				{ float:left; width:75%; margin-bottom:0.3em; }

#disclaimer						{ width:100%; margin-bottom:8px; text-align:left; }
#disclaimer p					{ color:#666; padding: 1.5em 12px 0 0; }


/* Orderstatus annuleren  */
#annuleren h2 {margin-bottom:20px!important;}
#annuleren h4.first {margin:6px 0 6px 10px!important}
#annuleren .section h4  {font-weight:bold;}


#annuleren div.select label  {margin-left:10px;}
#annuleren div.textarea  {padding-left:10px;}
#annuleren textarea  {margin-left:133px;}
.main-header-default{color:#008698!important;background:none!important;height:auto}
.section {background:none!important;}
#annuleren .section table {width:100%;padding:0}
#annuleren .section {border:1px solid #cccccc;margin-top:10px;padding-bottom:0}
#annuleren table {border-collapse: separate;border-spacing: 0;}
#annuleren #cancel {border:1px solid #ff0000;margin-left:80px;}
/* #annuleren .last {background: url(/5/img/4columnFooter.gif) no-repeat left bottom!important;padding-bottom:12px;} */
#annuleren table th {margin:0;padding:0 0 0 10px;height:auto;width:27%}
#annuleren table td {margin:0;padding:8px 0;height:auto;width:73%;}
#annuleren table tr {background:transparent url(/5/img/dottedLine.gif) repeat-x scroll left top;}
.section .label {margin:0;padding:0;height:auto;float:none;display:inline}
div.select {padding:8px 0;background:transparent url(/5/img/dottedLine.gif) repeat-x scroll left top}
div.textarea {background:transparent url(/5/img/dottedLine.gif) repeat-x scroll left top;padding:8px 0}
div.text {background:transparent url(/5/img/dottedLine.gif) repeat-x scroll left bottom;padding:0;text-align:left}
div.text .last {margin:0 0 0 12px!important;background:transparent url(/5/img/dottedLine.gif) repeat-x scroll left top;padding:4px 0 4px 0;text-align:left}
.section table {margin:0;padding-left:12px;}
.section td {width:auto}

.section .label {display:inline}
.section p {font-size:12px;font-weight:normal;padding-left:8px;}
.section h4 {color:#008698!important;font-size:11px!important;font-weight:bold;}
.section h3.first {color:#008698!important;font-size:12px!important;font-weight:bold;}
body#login .section h3.first {color:#008698!important;font-size:12px!important;font-weight:bold;margin-left:10px;}

a.rakker {background:transparent url(/5/img/buttons/arrow-petrol.gif) no-repeat scroll right top!important;display:block;border-bottom:1px dotted #999999;display:block;margin:0!important;padding:0 0 6px 0!important}

#contentGrid a {margin:0 1em 1.6em;}
#contentGrid h2 {margin:0.6em 0 0 0;color:#008698;font-weight:bold;}
h3.first {margin:0.6em 0 0.6em 0;color:#008698;font-size:11px;font-weight:bold;}
h3 {color:#333333;font-size:11px;}

#orderdetails {padding: 1.5em 0 0 0;}
#orderdetails h2 {font-size:11px!important;margin-bottom:8px;}
#orderdetails h3 {background-color:#f6f8f9;padding:4px 10px}

#orderdetails table {width:100%}
#orderdetails table th {margin:0;padding:0 0 0 10px;height:auto;width:140px;}
#orderdetails table td {margin:0;padding:8px 0;height:auto;}
#orderdetails table tr {background:transparent url(/5/img/dottedLine.gif) repeat-x scroll left top;}

#cancelorder p {margin:0 0 6px 0!important;font-size:11px;background:transparent url(/5/img/dottedLine.gif) repeat-x scroll left bottom;padding-bottom:8px;}

button#btnLogin {margin-left:12px;margin-top:8px;}
.tableborder {border:1px solid #ccc; zoom:1;}

#annuleren-gelukt h3 {margin-top:20px;}
#annuleren-gelukt p {margin-left:0;font-size:11px;margin-top:10px;}