/*	
	Copyright (c) 2006 HMV
	All rights reserved
	
	$ Revision date: 11/04/06
	
	Page style CSS Selectors 	 

	CONTENTS
	

*/

/* RESOURCE AREA DISPLAY STYLE
--------------------------------------------- */
form {color: #666;}
fieldset {border: 0}
label {color: #549534;}
input, select, textarea {margin: 5px 0 5px 0; border: 1px solid #ccc; width: 200px; color: #666;}
form a {color: #666 !important; font-size: 110%; display: block;}
select {font-size: 100%;}

#search {
 /*float: right;
    width: 244px;
    margin: 0 73px 0 0;
		padding: 0;*/
		width: 244px;
		margin-left: 444px;
    }
    
#search a {color: #666 !important; font-size: 110%; display: block; }
#search fieldset {border: 0;}
#search label {float: left; text-align: right; width: 50px;  margin: 0 10px 0 0;}	
#search input {float: left; width: 126px; margin:0 4px 4px 0; border: 1px solid #9D9FA1; padding: 0; font-size: 100%;}
#search input.submit {background-color: #fff; width: 30px; border: 0; font-size: 110%; color: #666; margin-left: 1px;}

hr {margin: 0;}

.sideImage { float: right; margin: 0px 0px 0px 0px; padding-bottom: 50px; }

#detective {padding: 0px 0px 80px 9px;}
#detective h2 { margin: 0px 0px 0px -9px; padding: 0px; line-height:inherit; width: 611px; }
#detective h3 { margin: -11px 0px 0px 0px; padding: 0px; display:inline; }

#content #detective h2 {
	margin-bottom: 0px;
}

#content #detective h2.detectivetitle {
	margin-bottom: -10px;
}

#alphabet {font-size: 1.3em; list-style: none; margin: 0; margin-left: 0px;}
#alphabet li {float: left; margin: 0 4px 0 0;}
#alphabet li a {color:#BEBEBE;}
#alphabet li.in a {color:#549534; font-weight: bold;}

#explain {width: 611px; color:#666; font-size: 1.2em;}
#explain ul{list-style: square; list-style-position: outside; margin: 10px 0 10px 15px; font-size: 1.2em; color:#666; }
#explain ul li{ color:#666; }

#titleArticle { font-size: 1.2em; list-style: none; margin: 0px; padding: 0px; }
#titleArticle li { color:#BEBEBE !important; }
#titleArticle li a { color:#666 !important; } 
#titleArticle li.in a { color:#549534  !important; }

#postTable {
		float: left;
		width: 773px; /* 750px; */
    font-size:120%; 
    margin: 0px;
		margin-bottom: 10px;
		padding: 0px;
		}
#postTable tbody {
    background: #EAF1E4;
    }
#postTable th {
    font-weight: normal;
    color: #b7cfa6;
    padding: 0 0 10px 0 ;
    border-bottom: 0.1em dotted #ccc;
    }
#postTable td  {
    color: #666;
    padding: 4px 0;
    border-bottom: 0.1em dotted #ccc;
    text-transform: capitalize;
    }
#postTable th.title {
		width: 317px;
		padding-left: 10px;
		}
#postTable td.title {
    width: 317px;
    padding: 0 0 0 10px;
    }
#postTable td.title a {
    margin: 0;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	display: block;
	width: 20px;
	}
#postTable td.replies {
    width: 68px;
    }
#postTable td.author, td.views {
    width: 64px;
    }
#postTable td.post {
    width: 130px;
    }
#postTable td.reply {
    width: 119px;
    }
#postTable td.reply a {
    color: #F6901E;
    font-size: 90%;
    }
#postTable td.image {
		width: 30px !important;
		height: auto !important;
		}
#postTable td span {color: #549534;}