/*styling the comment form */

#poweredby { display:none; }

#joomlacommentsearch fieldset,

#joomlacommentform fieldset {

    margin: 0 0 0.5em 0;

    padding: 0.5em;

    border: solid 1px #CCCCCC;

    background: #f8f8f8;

}



#comment form#joomlacommentform fieldset fieldset div a {

    background: none;

}



#joomlacommentform {

    text-align: left;

}

#joomlacommentform legend {

    font-weight: bold;

}

#joomlacommentform fieldset fieldset legend {

    font-weight: bold;

    color: #999999;

    font-size: 1em;

}

#joomlacommentform fieldset legend#CommentFormTitle {

    color: #000000;

    background: #F8F8F8;

    font-size: 1.2em;

}

#joomlacommentform label {

    float: left;

    width: 8em;

    font-weight:bold;

    color: #000;

    margin: 0;

}



#joomlacommentform input {

    width: 300px;

    border: 1px solid #CCCCCC;

}

#joomlacommentform input#temail {

    width: 198px;

}

#joomlacommentform input#ttile {

    width: 328px;

}

#joomlacommentform input#security_try {

    float: left;

    width: 100px;

    margin-top: 3px;

}

#joomlacommentform textarea {

    width: 400px;

    height: 200px;

    border: 1px solid #CCCCCC;

}



#joomlacommentform input.button,

#joomlacommentform input.button:hover,

#joomlacommentform input.button:focus {

    width: 50px;

}

div#captcha {

    float: right;

}

div#security {

    width: 220px;

}



#joomlacommentform input:focus,

#joomlacommentform textarea:focus {

    background: #FFFFCC;

    border: 1px #FFC45F dotted;

}



#joomlacommentform div {

    margin: 2px;

}



#emoticons {

    padding-left: 8em;

}

.emoticon {

    padding: 2px 1px;

}



/* Voting section */

#comment ul.voting {

    list-style: none;

    padding: 0;

    margin: 0px;

}

#comment ul.voting li {

    float: right;

    margin: 0px;

    padding: 0px;

    background: none;

}

#comment ul.voting a {

    display: block;

}

#comment a.voting_yes:link, #comment a.voting_yes:visited {

    color: #3C922F;

    font-weight: normal;

    background: url(../images/voting_yes.png) #EEF9EB no-repeat;

    border: 1px outset #3C922F;

    padding: 2px 4px 2px 20px;

    white-space: nowrap;

    float: left;

    line-height: 10px;

    text-decoration: none;

}

#comment a.voting_yes:hover {

    color: #3C922F;

    font-weight: normal;

    background: url(../images/voting_yes.png) #FFFFFF no-repeat;

    border: 1px outset #3C922F;

    padding: 2px 4px 2px 20px;

    white-space: nowrap;

    float: left;

    line-height: 10px;

    text-decoration: none;

}

#comment a.voting_no:link, #comment a.voting_no:visited {

    color: #AE3738;

    font-weight: normal;

    background: url(../images/voting_no.png) #F9EBEB no-repeat;

    border: 1px outset #AE3738;

    padding: 2px 4px 2px 20px;

    white-space: nowrap;

    float: left;

    line-height: 10px;

    text-decoration: none;

}

#comment a.voting_no:hover {

    color: #AE3738;

    font-weight: normal;

    background: url(../images/voting_no.png) #FFFFFF no-repeat;

    border: 1px outset #AE3738;

    padding: 2px 4px 2px 20px;

    white-space: nowrap;

    float: left;

    line-height: 10px;

    text-decoration: none;

}



/* Menu */

div#comment ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.josc_clear {

    clear:both;

}



/* comment boxes */

#comment #Comments ul {

    list-style-type: none;

    list-style-position: outside;

    margin: 0px;

    padding: 0px;

}



#comment #SearchResults ul li.post,

#Comments ul li.post {

    border: 1px solid #677791;

    margin: 5px 0px;

    padding: 0px;

    background: #FFF;

}



#comment #SearchResults .postinfo,

#Comments .postinfo {

    float: right;

}

#Comments ul li.post div.postfooter {

    background-image: url(../images/dot.gif);

    background-repeat: repeat-x;

    padding: 2px 5px;

    clear:both;

    color: #000000;

}

#Comments ul li.post div.postfooter span a {

    color: #135CAE;

    text-decoration: none;

    padding-right: 5px;

    margin-right: 5px;

    border-right: 1px solid #CCC;

}

#Comments ul li.post div.postfooter span a:hover,

#Comments ul li.post div.postfooter span a:focus {

    color: #0B3768;

    background: none;

    text-decoration: underline;

}

#comment #SearchResults ul li.post div.posthead,

#Comments ul li.post div.posthead {
	padding-bottom: 1px;
	color: #FFFFFF;
	background: transparent url(../images/head2.png) repeat scroll 0 0;
	vertical-align: middle;
	height: 25px;
}

#comment #SearchResults ul li.post div.postcontent,

#Comments ul li.post div.postcontent {

    color: #505367;

    background: transparent url(../images/body2.gif) repeat-x scroll 0 0;

    padding: 5px;

}

#comment .comment_content {
	overflow: auto;
	margin-bottom: 5px;
	text-align: justify;
	font-style: normal;
	line-height: 150%;
	font-weight: normal;
	letter-spacing: normal;
	word-spacing: normal;
}

#comment #SearchResults ul li.post span.comment_by {

    padding-left: 5px;

}

#Comments ul li.post div span.username {

    background: url(../images/user.png);

    background-repeat: no-repeat;

    background-position: 2px 2px;

    padding-left: 21px;

}

#Comments ul li.post div span.username a {

    padding-top: 1px;

    color: #FFFFFF;

}

#Comments ul li.post div.posthead span.postinfo .postnotify0 {

    background-image:url(../images/mailred.jpg);

    background-position: 2px 2px;

    background-repeat:no-repeat;

    padding-left:16px;

    padding-right: 5px;

}

#Comments ul li.post div.posthead span.postinfo .postnotify1 {

    background-image: url(../images/mailgreen.jpg);

    background-position: 2px 2px;

    background-repeat:no-repeat;

    padding-left:16px;

    padding-right: 5px;

}

#Comments .postdate {
    color:#FFFFFF;
    font-size:0.9em;
    font-weight:normal;
    height:20px;
    padding: 0 5px 5px 5px;
    vertical-align:center;
}



/* Navigation */

#comment #joscPageNav {

    text-align:center;

    padding: 2px;

}

#comment #joscPageNav #joscPageNavNoLink,

#comment #joscPageNav #joscPageNavLink {

    text-align:center;

}



#comment #joscPageNav a {

    color: #135CAE;

    text-decoration: none;

}

#comment #joscPageNav a:hover,

#comment #joscPageNav a:focus {

    color: #0B3768;

    background: none;

    text-decoration: underline;

}

#JOSC_busypage {

    float: left;

}



/* quote*/

#comment .quote {

	text-align: center;

	margin-bottom: 8px;

	margin-left: 8px;

	margin-right: 8px;

}

#comment .genmed {

	color: #505367;

	text-align: left;

	padding-left: 8px;

	padding-bottom: 1px;

}

#comment .quotebody {

	color: #505367;

	border: 1px #CCCCCC solid;

	background: white;

	text-align: justify;

	padding: 8px;

}

#comment .code .genmed{

	padding-left: 29px;

}



#comment .josc_ads {

    text-align: center;

}



/* comment avatar */

#comment .comment_avatar {

    float: left;

    padding: 0px 5px 5px 0px;

}



.comment_preview_container {
	border: 1px #677791 solid;
	margin: 8px;
	color: #FFFFFF;
}

.comment_preview {

	padding: 4px;

	text-align: left;

	border: 1px #CCCCCC solid;

	font-size: 0.9em;

	background-color: #F5F5F5;

	cursor: pointer;

}



#comment .hide {

    color: #AAAAAA;

    display: inline;

}



#comment .postemoticon {

    vertical-align: -50%;

    padding: 0;

    margin: 0;

}



#comment #joomlacommentform img {

    padding: 0;

    margin: 0;

    border: none;

}



#comment .postusertype {

    padding: 2px 2px 0 2px;

}

#comment div#CommentMenu {
	margin: 0px;
	padding: 0px;
	background: url(../images/sectiontableheader2.png);
	border: 1px solid #677791;
	overflow: auto;
	line-height: 34px;
	color: #FFFFFF;
	font-weight: bold;
	height: 34px;
	vertical-align: middle;
}



#comment div.josc_buttons {
	float: right;
	vertical-align: middle;
	height: 34px;	
}

#comment div#comments_info {
	float: left;
	padding-left: 5px;
		height: 34px;	

}



#comment div.josc_buttons ul li {
    display: block;
    float:left;
    border-left: 1px solid #135CAE;
    border-right: none;
    border-bottom: none;
    border-top: none;
    background-image: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
		height: 34px;	

}



#comment div.josc_buttons ul li a {
    text-decoration: none;
    padding: 2px 5px;
    color: #FFFFFF;
    font-weight: bold;
		height: 34px;	

}



#comment div.josc_buttons ul li a:hover {
	height: 34px;	


    background: #135CAE;

}



/*website*/

#comment a.postwebsite:link,

#comment a.postwebsite:visited,

#comment a.postwebsite:hover {

    background: transparent url(../images/html.png) no-repeat scroll 0 0;

    padding: 0 0 0 17px;

    font-weight: normal;

    white-space: nowrap;

}