img { border:none; }
 p.msg_error {
    background-color: #FFEBE8;
    border: 1px solid #CC0000;
    color: #333333;
    padding: 5px;
}
p.msg_success {
    background-color: #E0F8E0 ;
    border: 1px solid #00DD00;
    color: #333333;
    padding: 5px;
}
p.msg, .inform {
    background-color: #FFFFE0;
    border: 1px solid #E6DB55;
    color: #333333;
    padding: 5px;
}
p.warning {
    color: red;
    font-size: small;
    font-weight: bold;
}
p.guide, div.guide {
    background-color: #CDF2FA;
    border: 1px solid #179EC6;
    color: #333333;
    padding: 5px;
}

.csjm_body
{
	float:right;
}
.csjm_button
{
	background:url(images/register_free_button.png) repeat-x;
	border: none;
    color: #FFFFFF ;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	padding:2px 6px;
	margin-bottom:3px;
	font-weight:bold;
	font-size:13px;
	white-space: nowrap;
	}
div.csjm_button a,
div.csjm_button a:hover,
div.csjm_button a:active
{
	color:#FFFFFF;
	text-decoration:none;
}
.orange_text, .label
{
	color: #d36546;
	font-size:13px;
	background:#f5f5f5;
	padding:0;
	margin:0;
	border-top:1px solid #e8eaea;
}
.sub td.label
{
	padding-left:40px;
}
.csjm_body a {
	color:#d36546;
	/* font-weight:bold; */	
}
.csjm_body a:active, .csjm_body a:hover {
	color:#0066CC; /* hhe- alternatief: #F0861B; */
}
.csjm_body .title {
	text-align: center;
	font-size:22px;
	font-weight:normal;
	margin-bottom: 18px;
	}
.csjm_body table th
{
	padding: 2px 2px 2px 10px;
	border-top: 1px solid #E7E7E7; /* hhe - */
}
.csjm_body table td
{
	height:27px;
	padding-left:10px;
	border-top: 1px solid #E7E7E7; /* hhe - */
}
.csjm_body table
{
	border:1px solid #e8eaea;
	border-collapse:collapse;	/* hhe - otherwise we get stuck with left borders */
	border-top:0;

	color:#7d7d7d;
}
table.tbl_view, table.tbl_details,  table.tbl_edit
{
	width: 100%;
}
table.tbl_view td
{
	border-top:1px solid #e8eaea;
}
table.tbl_view td.profile_pic
{
	vertical-align: top ;
	border-right: 1px solid #e8eaea ;
	border-top: none ;
	border-bottom: 1px solid #ffffff ;
	border-left: none ;
    padding: 0px ;
    width: 176px ; /* 150 + 2 * 7 + 12 */
}
.profile_pic img
{
	width:150px;
	height:170px;
	border:7px solid #dddddd;
	margin: 0 12px 0 0;
}


#tabs {
	float: left;
	width:100%;
    /* margin-left: -40px; */
    margin-top: 30px;
}
#tabs ul {
	float: left;
	padding:0; margin:0;
}
#tabs li {
	list-style: none;
	display:block;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height:10px;
	padding:10px 10px;
	margin-left:30px; /* hhe - was 50 */
	font-family:oswald;
}
* html #tabs li {
	display: inline;
}
#tabs li, #tabs li a {
	float: left;
	text-decoration:none;
	color:#474747;
}
#tabs ul li.active {
	background: #dddddd;
}
#tabs ul li.active a {
	color: #333333;
}
#tabs div {
	clear: both;
	border-top:4px solid #dddddd;
	padding-top:10px;
}
#tabs div p {
	line-height:1.7;
}
.tab
{
	border: 1px solid #E8EAEA;
	border-top: 4px solid #DDDDDD;
	padding:14px ;
	clear: both ;
	/* left:50px; */
}


.backgr, thead
{
	background:url(images/table_th.png) repeat-x;
	border-bottom:none;
}
.profile_table td
{
	height:25px;
	padding-left:5px;
}
.profile_table td
{
	border-bottom:1px solid #ebc961;
}
.profile_table
{
	border:1px solid #ebc961;
}

/*** hhe - table sorter stuff ***/

/* new updates */
thead th {
	font-size: 11px ;
	}

/* end of updates */

table.tablesorter {
	/* font-family:arial; 
	font-size: 8pt;
	background-color: #CDCDCD;	hhe - use defaults */
	margin:10px 0pt 15px;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th,
table.tablesorter tfoot tr th,
thead tr th {
	/* background-color: #e6EEEE; hhe */
	vertical-align: middle;
	border: 1px solid #FFF;
	padd3d3d3d4px;      /* what is this ???? hhe */
}
table.tablesorter thead tr .header,
table.tablesorter thead tr .tablesorter-header {
    padding: 4px 14px 4px 4px;
	background-image: url(images/tbl_sorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .sorter-false {
    padding: 4px 4px 4px 4px;
	background: none ;
}
table.tablesorter td {
	padding: 2px 4px;
    height: 22px;
	background-color: #FFF;
	vertical-align: middle;
}
table.tablesorter tbody tr.odd td {
	background-color:#f5f5f5 ; /* hhe - was #F0F0F6; */
}
table.tablesorter thead tr th .headerSortUp,
table.tablesorter thead tr th.tablesorter-headerSortUp,
table.tablesorter thead tr th.tablesorter-headerAsc {
	background-image: url(images/tbl_sorter/asc.gif);
	background-color: #C8C8C8;
}
table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr th.tablesorter-headerSortDown,
table.tablesorter thead tr th.tablesorter-headerDesc {
	background-image: url(images/tbl_sorter/desc.gif);
	background-color: #C8C8C8;
}
input.tablesorter-filter,
select.tablesorter-filter {
	width:96%;
}
tr.tablesorter-filter-row .disabled {
	display:none;
}
tr.selectable:hover {
	cursor:pointer;
	//border-top: 1px solid;
	//border-bottom: 2px solid;
}
table.tablesorter tbody tr.selectable:hover td {
	background-color: #c8c8c8 ; //#FEE3C6 ; //#FCB66A ;
	//background: url("images/menu_hover.png") repeat-x scroll 0 0 ;
	color: #FFFFFF ;
}
table.tablesorter tbody tr.selectable:hover span {
	//color: #FFFFFF ;
}
/* hidden filter row */
table.tablesorter  tr.hideme {
	display:none;
}
/* button look alike a tag */
a.filter_reset {
    text-decoration: none; font: menu;
    display: inline-block; padding: 2px 8px;
    background: ButtonFace; color: ButtonText;
    border-style: solid; border-width: 2px;
    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
a.filter_reset:active {
    border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

tr.odd:hover {
}
tr.even {
}
.left {
	text-align: left ;
}
.right {
	text-align: right ;
}
.center {
	text-align: center ;
}
.strong {
	font-weight: bold ;
}
.nowrap {
	white-space: nowrap ;
}
.smaller {
	font-size: smaller ;
}
th.stats, td.stats, .stats {
    padding: 4px 14px 4px 2px;
	text-align: right ;
	font-size:small ;
	padding: 1px ;
}
th.stats {
	font-size: x-small ;
}
.highlight {
	color: #F28613;
}
td.highlight {
	text-align: center ;
	color: #F28613;
	font-size:small;
	font-weight:bold;
}
td.icons1 {
	text-align: center ;
	width: 24px ;
	display: block ;
	}
td.icons2 {
	text-align: center ;
	width: 46px ;
	display: block ;
	}
.category {
	font-size:small;
	font-weight:bold;
	min-width:20px;
	color:#F28613;
	text-align:left;
	}

/* = end of table sorter ***/

.message_list_in {
	padding: 12px;
	margin-bottom: 20px;
	width: 100%;
	background-color: #F5F5F5 ;
}
.message_list_out {
	padding: 12px;
	margin-bottom: 20px;
	width: 100%; background-color: #FFFFFF ;
}
.message_list_in tr.header, .message_list_out tr.header {
	font-size: smaller ;
	font-weight: bold ;
}
.message_list_in tr.message div, .message_list_out tr.message div {
	padding: 8px ;
}
.selected {
	border: 4px solid #FAA854 ;
}

/* - end of message list - */

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 14px ;
}
.ui-autocomplete-input {
	width: 263px;	
}

/* Tooltips */

td:hover {
	background:#green; 
	text-decoration:none;
} 
td.tooltip span {
	display:none; 
	padding:2px 3px; 
	margin-left:8px; 
    background-color: #FFFF99;
    border: 1px solid #E6DB55;
    color: #333333;
}
td.tooltip:hover span{
	display:inline; 
	position:absolute; 
}
h3.arconix-faq-term-title {display: none;}