/********* Common CSS *********/

/*
*	This file is loaded and included by styles.php and is applied to all front-end pages, for all templates.
*	It should not be referenced directly as it includes templating code.
*/

/*
* internet explorer png fix
*/
img, div {
	behavior: url(/lib/iepngfix_v2/iepngfix.php);
}

/*
* internet explorer :hover fix
*/

body {
	behavior: url(/lib/csshover3/csshover3.htc);
}


/********* Module: anchorimage (base) *********/

.AnchorImageBox { font-size:8pt; margin-bottom: 3px; margin-top: 4px; line-height:0.5em; clear: both;}

.AnchorImageRight { margin-left: 6px; float: right; margin-right:2px;}
.AnchorImageLeft { margin-right: 8px; float: left; margin-left:2px;}

.AnchorImageCaption { padding: 2px; color: #888888; border: 1px #CCCCCC solid; border-top: none;  line-height:1.6em}

.AnchorImageBox img {border: none; padding: 0;}

/********* Module: comments (base) *********/

/*
CSS definitions which are (usually) common to all templates for comment system
Any defined colours are samples only and should be overridden by the template as needed
*/

div.CommentsContainer
{
	margin-bottom: 10px;
	border-bottom: solid 1px #E6E6E6;
}

div.CommentItemDepth
{
	/* border-left: solid 16px #c5dde9; */
	padding-left: 16px;

}

div.CommentItem
{
	padding: 6px;
	border-top: solid 1px #E6E6E6;
	border-bottom: none;
	background-image: url(/modules/comments/images/commentquote.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
}

div.CommentItem .timeat
{
	text-transform: lowercase;
}

div.CommentItem .reply
{
	text-align: right;
}

div.CommentItem .permalink
{
	float: right;
	font-size: 0.85em;
}

div.CommentItem div.name
{
	padding-left: 50px;
}

div.CommentItem div.date
{
	float: left;
	padding-left: 50px;
	font-size: 0.85em;
	color: #ADADAD;
}

div.CommentItem div.inreplyto
{
	float: left;
	margin-left: 0.3em;
	text-transform: lowercase;
	font-size: 0.85em;
}

div.CommentItem div.comment
{
	clear: both;
}

ul.CommentsPages
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.CommentsPages li
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

div.CommentItemReplyContainer div.CommentsDialog
{
	border-top: solid 1px #c5dde9;
}

div.CommentsDialog textarea
{
	width: 95%;
}

.CommentsShowLink {
	display: none;
}

.CommentsDialogHidden .CommentsFormContainer,
.CommentsDialogHidden .CommentsHideLink {
	display: none;
}

.CommentsDialogHidden .CommentsShowLink {
	display: inline;
}

div.CommentsDialog input[name='fromemail'] {
	width: 250px;
}

div.CommentsDialog input[name='website'] {
	width: 250px;
}

div.CommentsDialog input[name='captcha'] {
	width: 100px;
}

div.CommentItemOutsideHighlight div.CommentItem
{
	background-color: #FFB;
}

body .PostDetails li.CommentsContentListDetails
{
	background-image: url(/modules/comments/images/comment.gif);
}

div.CommentsHTMLInfoLink,
div.CommentsHTMLInfo
{
	padding: 6px;
}

span.HighlightMessage_fromemail {
	display: block;
}


/********* Module: contactform (base) *********/

.contactFormSuccess {
	color: #009900; 
	border: solid 1px #C4C4C4; 
	padding: 5px 5px 5px 30px;
	margin-bottom: 5px; 
	background-color: #F2F2F2; 
	background-image: url('modules/contactform/images/success.gif');
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.contactFormError {
	color: red;
}

/********* Module: emailtofriend (base) *********/

/*
CSS definitions which are (usually) common to all templates for this module
Any defined colours are samples only and should be overridden by the template as needed
*/

div.EmailToFriendDialog textarea
{
	width: 95%;
}

div.EmailToFriendDialog input[name='captcha'] {
	width: 100px;
}

div.EmailToFriendDialog input[name='youremail'],
div.EmailToFriendDialog input[name='friendemail'],
div.EmailToFriendDialog input[name='website'] {
	width: 250px;
}

span.HighlightMessage_youremail,
span.HighlightMessage_friendemail,
span.HighlightMessage_website {
	display: block;
}


/********* Module: twitter (base) *********/

.TwitterBlock h2 a {
	background-image: url("/modules/twitter/images/twitter_bird_32x32.png") !important;
	background-position: 5px 5px;
	padding-top: 10px !important;
	height: 32px;
}
.TwitterFeed li, .TwitterFeed ul {
	list-style: none;
	list-style-type: none;
	list-style-image: none;
}

.TwitterFeed a {
	display: inline  !important;
	padding: 0 !important;
	margin: 0 !important;
	background-image: none !important;
}