@charset "UTF-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
	border:0;
	outline:0;
}
html,
body{
	width:100%;
}
body{
	background-color:#262626;
	font:10pt "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	color: #666;
}
/* liens */
a:link,
a:visited,
a:hover,
a:active{
	text-decoration:none;
	color:#ccc;
	border-bottom:1px dotted #ccc;
}
a:hover{
	border-bottom-style:solid;
}
#romarch{
	width:900px;
	color:#aaa;
	font-size:12px;
}
#romarch th{
	background-color:#999;
	color:#ddd;
	cursor:pointer;
	text-align:left;
	padding:2px;
}
#romarch th.sort-active{
	background:#999 url(../__layout/loading.gif) no-repeat right 2px;
}
#romarch th.arc_date{		width:65px; }
#romarch th.arc_title{		width:285px; }
#romarch th.arc_artist{		width:395px; }
#romarch th.arc_event_type{ width:115px; }
#romarch tr{
	background-color: #555;
	padding: 4px;
}
#romarch tr.alt{
	background-color: #444;
}
#romarch td{
	padding:2px;
	text-transform:lowercase;
}
#romarch tr:hover td{
	background-color:#888;
	color: #fff;
	text-transform:uppercase;
}
#romarch tr.hide{
	display: none;
}
#romarch ul{
	display:block;
	color:#999;
	width:285px;
	margin:10px auto;
}
#romarch ul li,
#romarch ul li div{
	display:inline;
}
#romarch ul li{
	margin:0 6px;
	padding:4px 6px;
	background-color:#999;
	border:1px solid #ccc;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#romarch a.link{
	border-bottom:1px dotted #fff;
}
#romarch li a{
	color:#333;
	border:none;
}
#romarch li a:hover{
	color:#000;
}