.limit_reached_msg {
	border: 1px solid red;
	padding: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.att_list caption {
	text-align: left;
	font-size: 16px;
	padding: 10px 0px;
	
}

.att_list  { width: 100% }
 .att_list td  {
	border-collapse: collapse;
	vertical-align: top;
}
	 .att_list td table { }
	 .att_list td table td { padding: 3px; border:none; }

.att_list th {
	background: #eee;
}

.att_list td, .att_list  th {
	border: 1px dotted #aaa;
	padding: 3px;
}

.att_list td.action { 
	vertical-align: middle; 
}
.att_list td.action a {
	display: block;
	text-align: center;
	padding: 2px 0;
}



.att_list thead tr th.col1,
.att_list thead tr th.col2
{
	width: 40%;
}

.att_list tfoot {
	font-weight: bold;
	font-size: 110%;
}

th.col2 {
	text-align:center;
}

.att_list .preview { text-align: center; vertical-align: middle; padding: 5px; }
.att_list .preview a { border: 1px solid #CCC;
    display: block;
    background-size: cover;
    background-position: center center;	
	max-width: 300px;
	margin:auto;
}
.att_list .preview a.preview_link:before {
	content: '';
	display: block;
	width: 100%;
	padding: 66.67% 0 0 0;
}
.att_list .preview a img { opacity:0; display:none;}

 @media screen and (max-width: 767px)
 {
	table.att_list  { display: block;  overflow-wrap: break-word; }
	table.att_list  tbody { display: block;  overflow: hidden;}
	.att_list tr  { display: block; }
	.att_list td { display: block; overflow:hidden;  }
	.att_list th { display: none; }
	table.att_list td  table  { display: block;  }
	table.att_list td  table  tbody { display: block; width: 100%;  overflow-wrap: break-word;  overflow: hidden; }
	table.att_list td  table  tbody  td  {  display: block; position: relative; overflow: hidden; }
	table.att_list td  table  tbody  td a {   white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 100%;  }
}

.attTable {
	width: 80%;
	border-collapse: collapse;
	background: #fafffa;
	border: 1px dotted #aaa;
	margin: auto;
}

.attTable caption {
	font-weight: bold;
	font-size: 16px;
	background: #eee;
	margin-bottom: 3px;
	border: 1px dotted #aaa;
}

.attTable tr {
	vertical-align: top;
}

.attTable tr td {
	padding: 3px;
}

.attTable tr td #att_title {
	width: 300px;
}

#referrer_nav {
	text-align: center;
}

.att_list_short {
	font-size: 14px;
	color: #82b93c;
}

.att_list_short li {
	list-style: none; /*decimal inside;*/
	margin-bottom: 10px;
}

.att_list_short .mp3 {
	padding-left:18px;
	position:relative;
	line-height:18px;
	margin-left:-2px;
}

.att_list_short .mp3 object {
	position:absolute;
	left:0;
}
.swf_preview {
	display:block;
	width:65px;
	height:65px;
	background: url('/img/swf.jpg') no-repeat center center;
}
.swf_preview  span { display: none; }
	
.att_list .swf_preview { margin:auto; }