/*
	--------------------------
	Forum Styles
	--------------------------
*/

div.content  { width: 100%; padding: 0px; }

fieldset.fs { border: 0px; float: right; margin-bottom: 1em; }
fieldset.fs legend  { display: none; }

/* 
    Topic List
*/
table.forum { width: 100%; margin-bottom: 2em; }
table.forum tbody tr td { font-size: 1em; }
table.forum tbody tr td { padding: 1em 0.5em; border-bottom: dotted 1px #00434f; vertical-align: top; }
table.forum tbody tr td a   { color: #00acaf; margin-bottom: 0.5em; }
table.forum tbody tr td a:hover { color: #fff; }
table.forum tbody tr td p   { margin: 0.75em 0px 0px 0px; }
table.forum tbody tr td.topic > p   { margin: 0px 0px 0.5em 0px; color: #00434f; font-size: 0.9em;}
table.forum tbody tr td.topic > p strong, table.forum tbody tr td.topic > p > span span    { color: #231F20; }
table.forum tbody tr td.topic > p > span  { float: right; }
table.forum tbody tr td.topic > span    { display: block; background: #f0f1f1; padding: 1em; }

table.forum td.member { width: 7em; text-align: center; font-size: 0.9em; }
table.forum td.member span  { color: #00434f; }
table.forum td.member img   { width: 100%; border: solid 1px #00acaf; border-radius: 0.5em; margin-top: 1em; }
table.forum td.stats { width: 5em; }
table.forum tbody tr td p.member    { color: #00434f; font-weight: bold; }
table.forum tbody tr td p.reply { text-align: right; color: #00434f; font-size: 0.9em; }
table.forum tbody tr td p.reply span    { color: #231f20; }

table.forum tfoot tr td a.viewall { display: block; float: left; padding: 0.4em 0.85em; margin: 0.5em 0px; background: #c9cccb; border-radius: 0.5em; color: #fff; text-decoration: none; }
table.forum tfoot tr td a.viewall:hover   { background: #00acaf; }

/* 
    Topic Details
*/
ul.topic    { margin: 0px; padding: 0px; list-style-type: none; float: left; width: 100%; }

ul.topic li.member { float: left; padding: 1%; clear: left; width: 12%; text-align: center; font-size: 0.9em; }
ul.topic li.member span  { color: #00434f; }
ul.topic li.member img  { width: 100%; border: solid 1px #00acaf; border-radius: 0.5em; margin-top: 1em;  }

ul.topic li.details { float: left; padding: 1% 2%; width: 82%; }
ul.topic li.details > p   { margin: 0px 0px 0.5em 0px; color: #00434f; font-size: 0.7em; }
ul.topic li.details > p > span  { float: right; }
ul.topic li.details > p strong    { color: #231f20; }
ul.topic li.details > span    { display: block; background: #f0f1f1; padding: 1em; }
ul.topic li.details > span img  { margin-bottom: 1em; margin-top: 1em; }

ul.topic li.details p.footer        { margin-top: 1em; text-align: right; font-size: 0.9em; position: relative; }
ul.topic li.details p.footer > a    { background: #c9cccb; border-radius: 0.5em; color: #fff; padding: 0.4em 0.85em; margin-right: 0.5em; text-decoration: none; }
ul.topic li.details p.footer > a:hover  { background: #00acaf; }
ul.topic li.details p.footer > a.like   { float: left; }
ul.topic li.details p.footer > a.email  { float: left; }
ul.topic li.details p.footer > a.email img  { width: auto; }
ul.topic li.details p.footer span   { float: left; text-align: left; margin-top: 0.25em; }
ul.topic li.details img { width: 100%; }

ul.replies    { margin: 1em 0px 0px 0px; padding: 0px; list-style-type: none; float: left; clear: both; width: 100%; }

ul.replies li.member { float: left; padding: 1%; clear: left; width: 12%; text-align: center; font-size: 0.9em; }
ul.replies li.member span  { color: #00434f; }
ul.replies li.member img  { width: 100%; border: solid 1px #00acaf; border-radius: 0.5em; margin-top: 1em;  }

ul.replies li.details { float: left; padding: 1% 2%; width: 82%; }
ul.replies li.details > p   { margin: 0px 0px 0.5em 0px; color: #00434f; font-size: 0.7em; }
ul.replies li.details > p > span  { float: right; }
ul.replies li.details > p strong    { color: #231f20; }
ul.replies li.details > p strong a    { color: #231f20; text-decoration: none; }
ul.replies li.details > span    { display: block; background: #f0f1f1; padding: 1em; border-radius: 0.5em; }

ul.replies li.details p.reply { text-align: right; color: #00434f; font-size: 0.7em; }

ul.replies li.details p.footer    { margin-top: 1em; text-align: right; font-size: 0.9em; }
ul.replies li.details p.footer a    { background: #c9cccb; border-radius: 0.5em; color: #fff; padding: 0.4em 0.85em; margin-right: 0.5em; text-decoration: none; }
ul.replies li.details p.footer a:hover    { background: #00acaf; }
ul.replies li.details p.footer > a.like   { float: left; }

ul.replies li p.quote { border: solid 1px #dedede; background: #dedede; padding: 1em; margin-bottom: 0.5em; }
ul.replies li p.quote span    { display: block; margin-bottom: 0.5em; }

/*
    Buttons
*/
a.forum.new { display: block; float: right; padding: 0.4em 0.85em; margin-bottom: 0.25em; background: #c9cccb; border-radius: 0.5em; color: #fff; text-decoration: none; clear: both; }
a.forum.new:hover   { background: #00acaf; }

/*
    Forms
*/

div.forumform   { float: left; width: 100%; margin-bottom: 2em; }
div.forumform ul.topic li h2  { margin: 0px; padding: 0.5em; background-color: #00434f; color: #fff; }
div.forumform ul.topic li h2 span { width: 21%; height: 100%; display: block; float: left; }

div.forumform ul label	    { margin-bottom: 0.5em; font-size: 1em; }
div.forumform ul input	    { margin-bottom: 0.75em; font-size: 1em; }
div.forumform ul select	    { margin-bottom: 0.75em; font-size: 1em; }
div.forumform ul textarea	{ margin-bottom: 0.75em; font-size: 1em; vertical-align: top; }

div.forumform div.buttons	{ width: 100%; padding: 0px; margin-top: 1em; text-align: right; float: left; }
div.forumform div.buttons input	{ color: #fff; background: #c9cccb; border-radius: 0.5em; padding: 1% 2%; margin-bottom: 0px; border: 0px; cursor: pointer; }
div.forumform div.buttons input.cancel    { background-color: #e1e1e1; }
div.forumform div.buttons input:hover   { background: #00acaf; }

div.forumform ul.replies li.header label { text-align: left; }
div.forumform ul.replies li.details textarea    { width: 100%; border: 0px; background-color: #f9f9f9; }

/* Multi Options */
div.options ul li:hover ul  { display: none; }
div.options div.on ul li ul  { display: block; z-index: 99; }
div.options ul li ul li a input  { float: left; width: auto; display: none; }

div.content { position:  relative; }
div.content div#socmail  { float: left; width: 61px; height: 20px; position: absolute; right: 0px; top: -2.85em; }
div.content div#socmail a    { float: left; width: 61px; height: 20px; background: transparent url(/_resources/files/icons/mail.jpg) no-repeat; }
div.content div#socmail a:hover    { background: transparent url(/_resources/files/icons/mail-over.jpg) no-repeat; }

div.smbox   { position: absolute; bottom: 2em; left: 0px; width: 20em; padding: 1em; background: #f1f1f1; border: solid 1px #c7c7c7; text-align: left; }
div.smbox h2    { margin-bottom: 0.5em; font-size: 1.25em; }
div.smbox label { display: block; float: left; width: 98%; margin: 0px 2% 1% 0px; text-align: left; font-size: 1em; }
div.smbox input { width: 100%; float: left; margin: 0px 0px 1% 0px; font-size: 1em; }
div.smbox textarea { width: 100%; float: left; margin: 0px 0px 1% 0px; font-size: 1em; }
div.smbox hr    { clear: both; color: #c7c7c7; margin: 1% 0px 2% 0px; float: left; width: 100%; }
div.smbox p    { float: left; width: 14em; }
div.smbox div.message p    { float: none; width: auto; margin-left: 0px; margin-bottom: 0.5em; }
div.smbox input[type=button]    { width: 5em; float: right; margin: 2% 0px 0px 2%; }

/*  650px  */
@media screen and (max-width: 650px) {
    table.forum tbody tr td     { display: inline; border-bottom: 0px; }
    table.forum td.member       { width: auto; }
    table.forum td.member img   { width: 3em; float: left; margin-right: 1em; }
    table.forum td.member span  { display: none; }
    table.forum tbody tr td.topic > p > span    { display: none; }
    table.forum tbody tr td p.reply { text-align: left; margin-top: 1.5em; } 

    ul.topic li, ul.replies li                 { display: inline; border-bottom: 0px; padding: 0px; }
    ul.topic li.member, ul.replies li.member          { width: auto; }
    ul.topic li.member img, ul.replies li.member img      { width: 3em; float: left; margin-right: 1em; margin-top: 0px; margin-bottom: 0.5em; }
    ul.topic li.member span, ul.replies li.member span     { display: none; }
    ul.topic li.member, ul.topic li.details, ul.replies li.member, ul.replies li.details    { padding: 0px; float: none; }
    ul.topic li.details > p, ul.replies li.details > p     { font-size: 0.9em; }
    ul.topic li.details > p > span, ul.replies li.details > p > span  { display: none; }
    ul.topic li.details > span, ul.replies li.details > span      { clear: both; }
    ul.topic li.details p.footer > a.like, ul.replies li.details p.footer > a.like  { float: none; }
    ul.replies li.details p.footer    { margin-bottom: 1.5em; }
    
}