/* typical search results page table styling 
Remember how we always used to target .styletable
but not all the modules were classed as .styletable
so we'd duplicate css for the other areas....
well...since 90% of the times we do use a <table>
it's part of the search results of the different modules
so from now on I just style the table tag itself.
*/

table {
	margin-top:10px;
	margin-bottom:20px;
}

table caption {display:none;}


table thead th{
	padding:5px;
	background-color:#ccc;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#000;
	
}

table tbody td, .styletbl tbody th{
	padding:4px;
	text-align:left;
}

table tfoot td{
	text-align:right;
	padding:8px;
}

table tfoot td {
	border-bottom: 1px solid #69C;
}




/* for galleries page */

#galleries div{
	margin-bottom:15px;
	overflow:auto;
	border-bottom:1px solid #ddd;
}

ul.photolist {
	list-style:none;
	margin-bottom: 8px;
	overflow:auto;
}

ul.photolist li {
	display:inline;
	margin:10px; 
	float:left;
	width:100px;
	height: 75px;
	padding:5px;
	overflow:hidden;
	border: 1px solid #ddd;
}

#galleries .right{
	text-align:right;
	margin-right:40px;
}






/* photos and documents at the end of events/news articles */

#related {
overflow:auto;
}
#related h3 {

}
#related ul#downloads {
list-style-type:none;
margin:0pt;
padding:0pt;
}
#related ul#downloads li {
border-bottom:1px solid #eee;
padding:3px 0pt;
}
#downloads li a {
display:block;
}
#downloads li a:hover {
background:#eee none repeat scroll 0%;
}
#related ul#photos {
background:#eee none repeat scroll 0%;
list-style-type:none;
margin:0pt 0pt 10px;
overflow:auto;
padding:5px;
}
* html #related ul#photos {
height:1%;
}
#related ul#photos li {
float:left;
height:75px;
margin:0px 8px 8px 0px;
overflow:hidden;
width:100px;
}
#related ul#photos li img {
}





/* taken from admin.newsevents.css of plp site
not sure if that was the right place to get it from
*/

form {
	margin-bottom:20px;
}

form div {
border-bottom:1px solid #eee;
padding:11px 0;
}

* html form div {
height:30px;
}

form div.simple {
	padding:0;
	border:none;
}

form label{
display:block;
float:left;
width:130px;
}

form select {
width:100px;
}

form .cat {
width:204px;
}

form input{
width:310px;
}

form #body {
width:420px;
height:330px;
}

form #gallery {
width:420px;
height:120px;
}

form #submit, form .submit {
margin-left:130px;
height:30px;
width:130px;
}

form fieldset {
	padding: 10px;
}

#bydate{
padding-left:130px;
}

iframe, #photomanager {
	width:100%;
}

fieldset .submit{
	margin-left:10px;
}

#current_document {
list-style-type:none;
margin:0; padding:0;
}

#imageFloatContainer{
	margin:10px;
	float:left;
	width:100%;
	border:1px solid #ccc;
}

#galleryPhoto {
width:100px;
height:100px;
overflow:hidden;
float:left;
margin:0 5px 5px 0;
border:1px solid #666;
background:#eee;
}

div#imageFloatContainer img {
	float: left;
	margin: 10px;
	border: 1px solid #000000;
}

.checkbox {
margin-right: 10px;
width:12px;
}



/* BENS BITS */

form small {
	margin-left: 130px;
}