body {
	width: 380px;
	margin: 0 10px;
	padding: 0;
}
div, form, table, td, select {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}

button {
	font-size: 11px;
	font-style: normal;
}

div.spacer {
	clear: both;
	font-size:1px!important;;
	height: 1px!important;
	padding: 0!important;
	margin: 0!important;
}



#cebuco_tool #title {
	padding: 0 10px 10px 10px;
	border-bottom: 1px solid rgb(173, 172, 131);
	margin-bottom: 0;
}

#cebuco_tool .title{
	font-weight: bold;
	width: 180px;
}

#cebuco_tool #title_links {
	float: right;
	width: 150px;
	text-align: right;
}

#cebuco_tool #intro, #cebuco_tools #notes {
	padding: 10px;
	border-bottom: 1px solid rgb(173, 172, 131);
	margin-bottom: 10px;
	font-size:12px;
}

#intro {
	background: url(http://www.rreporter.nl/CDM/css/bkg_yellow.jpg) top repeat-x rgb(255, 253, 185);
	color: #000;
}

#cebuco_tool p {margin-top: 0px;}

#cebuco_tool #bookmark_btn {
	color: rgb(153, 153, 153);
	font-style: italic;
	font-size: 11px;
	padding: 5px 0;
}

#intro button, #toondetails {
	border: 0;
	padding: 2px;
	margin: 0 2px;
	width: auto;
	_width: 142px;
	_overflow: visible;
	height: auto;
	text-align: left;
	background-color: transparent;
	vertical-align: middle;
	
}

#toondetails {
	*width: 160px;
}

#hide_intro {
	font-size: 11px;
}

#hide_intro input {
	vertical-align: middle;
}



#selections td, #selections th {
	text-align: left;
}

#selections #format {width: 90px;}
#selections #columns {width: 100px;}
#selections #heights {width: 100px;}

#selections select{
 font-weight: bold;
 font-size: 10px;
}

#selections optgroup option{
	margin: 3px;
	padding: 0;
	font-size: 10px;
}
#selections optgroup {
	font-size: 10px;
}
#selections select option {font-weight: normal;font-size: 10px;}

#icons {
	background: url(http://www.rreporter.nl/CDM/css/bkg_gray.jpg) top repeat-x rgb(204, 204, 204);
	border-top: 1px solid rgb(76, 76, 76);
	border-bottom: 1px solid rgb(76, 76, 76);
	padding: 15px 10px 0 10px;
	margin-bottom: 20px;
	
}

#icons .icon, #icons .icon_inactive {
	position:relative; 
	float: left; 
	width: 60px; 
	margin: 0 10px 10px 0; 
	text-align: left;
	font-size: 11px;
	cursor: hand;
	cursor: pointer;
	overflow: hidden
}



#icons .icon_inactive{
	filter:alpha(opacity=30);
	opacity: 0.3;
	cursor: default;
}

#notes p {color: rgb(102,102,102); font-size: 13px;}


#b_list label {
	display: block;
	padding-top: 3px;	
	float: left;
	margin-left: 3px;
	width: 140px;
}

#b_list .inactive {
	color: #999;
	text-decoration: line-through;
}

#b_list input {
	display: block;
	padding-bottom: 2px;	
	float: left;
	margin-left: 0;
	padding-left: 0;
	vertical-align: top;
}

#b_list form {
	margin-top: 15px;
	padding: 0px ;
	margin-bottom: 20px;
	border-bottom: 1px solid #000;
}
#b_list form .title {
	width: 100%;
	padding-left: 10px;
}

#format_details {
	font-size: 14px;
	color: #000;
	background-color:transparent;
	display: block; 
	width: 100%; 
	overflow: hidden
}

#format_details img {
	float: left;
	margin-right: 10px;
	width: 137px;
	height: 98px;
}

#legend {
	margin: 0 10px 10px 10px;
	color: rgb(153,153,153);
}
#legend img{
	vertical-align: middle;
}

#c_list {
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
	padding-bottom: 10px;
}


#c_list div.normal, #c_list div.alt, #c_list_title{
	padding: 0 2px 0 10px;
	margin: 0;
	vertical-align: middle;
}

div.normal {
	background-color: rgb(239,239,239);
}

div.alt div { padding: 2px 0;}
div.normal div { padding: 2px 0;}

#c_list .newsletter{
	float: left;
	width:130px;
}
#c_list .data {
	float: left;
	margin: 0 10px;
}

#c_list .frmttype{
	width: 20px;
	margin-right: 10px;
	float: left;
}
#c_list .size{
	float: left;
	white-space: nowrap;
	margin-right: 10px;
	width: 50px;
}

#c_list .code{
	float: left;
	width:70px;
}

#c_list .controls{
	float: left;
	margin-right: 2px;
	text-align: right;
	padding: 0;
	white-space: nowrap;
	vertical-align: middle;
}

#c_list .controls a img {
	border: 0;
	vertical-align:middle;
	margin: 2px 0;
}

#c_list .contact_data{
	width: 100%;
	margin-bottom: 5px;
}
#c_list .contact_data td {
	vertical-align: top;
	padding: 0 2px;
}

#exports {
	margin-top: 15px;
	margin-bottom: 10px;
}

@media print{
	.contact_container {
		display: block!important;
	}
	
	#exports, #notes, #legend {display: none;}
	a, button {display: none;}
	a.print {display: inline;}
}

#national, #regional{
	position: relative;
	float: left;
	width: 170px;
	overflow: hidden;
}

.bordered {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 2px 10px 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #eee;
}

.bordered .title {
padding-left: 0!important;
}