/* Generic HTML styles */

body {
    margin: 0;
    background: url("../Images/graysquare.png") repeat-x;
}

body, table, td {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px
}

#article_body {
    text-align: center;
}

#index_body {
    text-align: center;
}

a, a:link, a:visited {
    color: #0000FF
}

a:hover {
    color: #0000FF
}

div.Anchor a {
    color: #00FFEE;
    font-weight: bold;
}

body {
    background-color: #E4E4E4;
    margin: 0;
}

#loginmsg {
    text-align: center;
}

a.yellow .yellow, a.yellow {
    color: #443300;
}

/* Custom HTML styles */

#logo {
    width: 577px;
    height: 100px;
    margin: auto;
    background: transparent url('http://www.authenticsociety.com/Images/Site/AuthenticSocietyLogo.gif') center 0 no-repeat;
}

h2 {
    margin-top: 0;
}

#footer {
    text-align: center;
    margin-top: 16px;
    margin-bottom: 16px;
}

#logo {
    width: 100%;
    margin: 0 auto;
    margin-top: 32px;
}

#about_these_things {
    width: 995px;
    height: 48px;
    margin: auto;
    background: transparent url('http://localhost/www.authenticsociety.com/Images/AboutTheseThings.png') center 0 no-repeat;
}

#controls {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 32px;
}

#news_feed .news_headline a {
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    color: #000000;
    font-weight: bold;
}

.content,
#news_feed {
    width: 80%;
    margin: auto;
    margin-top: 32px; /*border: 1px dotted gray;*/
    padding: 64px;
}

#news_feed .news_source a {
    color: #000000;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
}

.news_date {
    float: right;
}

.table_feed td {
    width: 50%;
    vertical-align: top;
    position: relative;
}

.table_feed td.left {
    text-align: justify;
    padding-right: 32px;
}

.table_feed div.subject {
    position: absolute;
    margin-left: -32px;
    margin-top: -32px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

#page_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#page_link .actual_link {
    border: 0;
    background-color: #EEEEEE;
    color: #0000ff;
    width: 400px;
    position: absolute;
    top: 0;
    left: 0;
}

div#expandable_view {
    position: relative;
    height: 0;
    width: 646px;
    border: 0;
}

div#expandable_view div#content {
    height: 129px;
    border: 1px solid #444444;
    background: url('http://localhost/www.authenticsociety.com/Images/bg.gif') repeat-x;
}

div.suggested_item {
    position: relative;
    border: 0;
    width: 254px;
    height: 210px;
}

div.view_button {
    position: absolute;
    top: 191px;
    left: 65px;
    width: 47px;
    height: 18px;
    border: 0;
    background: url('http://localhost/www.authenticsociety.com/Images/viewbutton.gif') no-repeat;
    cursor: pointer;
}

div.publishbutton {
    width: 78px;
    height: 30px;
    background: url(http://www.authenticsociety.com/Images/publishbutton.gif) no-repeat;
}

div.changepicture {
    position: absolute;
    top: 110px;
    left: 10px;
    width: 105px;
    height: 18px;
    background: url('http://localhost/www.authenticsociety.com/Images/changepicture.gif') no-repeat;
    cursor: pointer;
}

div.suggest_toolbox {
    padding: 16px;
    margin-top: 32px;
}

#article_body {
    text-align: left;
}

.AppTab {
    width: 170px;
    height: 32px;
    float: left;
    text-align: center;
    padding-top: 14px;
    border-left: 1px solid gray;
    font-weight: bold;
}

.AppTab a {
    text-decoration: none;
}

.ColorCurrent {
    background-color: #8CC5FF
}

.ColorDisabled {
    background-color: #D8E7F6
}

.ColorSpecial {
    background-color: orange;
}

.ColorSpecialDisabled {
    background-color: #FFDEB8;
}

div#view {
    visibility: visible;
}

table.view_table {
/*width: 1000px;*/
    margin: auto;
}

div.message, div.feed {
    margin: auto;
    width: 580px;
    padding: 32px;
    border: 1px solid #444444;
    background: url("http://www.authenticsociety.com/Images/Messages/Background.gif") repeat-x;
    border-top: 1px solid #483E8E;
    font-family: Helvetica, arial, sans-serif;
    text-align: left;
}

div.user_image {
    width: 50px;
    height: 50px;
}

div.comments {
    margin: auto;
    width: 400px;
    border: 1px solid #444444;
    padding: 16px;
    margin-top: 16px;
}

div.comments div.comment table td.text /*comment body*/
{
    font-family: Arial, sans-serif;
    font-size: 11px;
}

div.user_placeholder /*div.user_feed_header, div.user_feed_header table, div.user_feed_header table td*/
{
    top: 0;
    left: 8px;
    width: 248px;
    height: 91px;
    position: absolute;
    background: url('http://localhost/www.authenticsociety.com/Images/User/Placeholder.gif') no-repeat;
}

div.online_status {
    position: absolute;
    top: 56px;
    left: 8px;
    width: 24px;
    height: 24px;
}

div.online {
    background: url('http://localhost/www.authenticsociety.com/Images/User/Online2.gif') no-repeat;
}

div.offline {
    background: url('http://localhost/www.authenticsociety.com/Images/User/Offline.gif') no-repeat;
}

table.user_block {
    margin-top: 32px;
    margin-left: 32px;
}

table.user_block, table.user_block td {
    border: 0;
    background-color: transparent;
}

span.time {
    color: gray;
}

div.comment table td {
    vertical-align: top;
}

div.feed {
    position: relative;
    border-top: 1px solid #755D56;
}

div.comdiv {
    padding: 0;
    padding-top: 1px;
    padding-left: 8px;
    margin-bottom: 8px;
    width: 125px;
    height: 18px;
    border: 0;
    text-align: center;
    background: url(http://www.authenticsociety.com/Images/Messages/CommentsLeft.gif) no-repeat;
}

div.comdivrt {
    float: right;
    width: 18px;
    height: 18px;
    border: 0;
    background: url(http://www.authenticsociety.com/Images/Messages/CommentsRight.gif) no-repeat;
}

span.comments {
    color: #8E4A3E;
    font-weight: bold;
}

span.name {
    color: #8E4A3E;
    font-weight: bold;
}

div.score {
    position: absolute;
    top: 40px;
    left: 440px;
    width: 116px;
    height: 43px;
    background: url('http://localhost/www.authenticsociety.com/Images/User/Score.gif') no-repeat;
}

div.message span.title {
    font-weight: bold;
}

div.message span.body {

}

div.user_short_info {
    position: absolute;
    top: 48px;
    left: 94px;
    width: 128px;
    height: 32px;
    border: 0;
    background-color: transparent;
}

div#user_short_info_1 {

}

div.user_menu {
    position: absolute;
    border: 1px solid #483E8E;
    padding: 16px;
    top: 110px;
    left: 60px;
}

div.user_menu div.dot {
    position: absolute;
    top: 18px;
    left: -8px;
    width: 16px;
    height: 16px;
    background: url('http://localhost/www.authenticsociety.com/Images/User/Dot16x16.gif') no-repeat;
}

div#invis {
    position: absolute;
    top: 200px;
    left: 300px;
    width: 400px;
    height: 200px;
    border: 1px solid red;
}

div.sel {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    border: 0; /*1px solid #333333;*/
    background-color: transparent;
    cursor: pointer;
    margin-top: 39px;
    margin-left: 39px;
}

div#reg_preview_image {
    background: url('http://localhost/www.authenticsociety.com/Images/CommunityPreview.gif') 0 0 no-repeat;
}

/* Bloom button animation */

div.BloomButton {
    position: absolute;
    border: 0;
    width: 54px;
    height: 54px;
}

div.Eye, div.EyeBack /*inherit position and size*/
{
    position: absolute;
    width: 54px;
    height: 54px;
    background-position: 0 0;
    background-image: url('http://localhost/www.authenticsociety.com/Images/BloomAnimationTop.png');
    background-repeat: no-repeat;
}

div.EyeBack {
    background-image: url('http://localhost/www.authenticsociety.com/Images/BloomAnimationTopBack.png');
}

div.Camera, div.CameraBack {
    position: absolute;
    width: 54px;
    height: 54px;
    top: 56px;
    background-position: 0 0;
    background-image: url('http://localhost/www.authenticsociety.com/Images/BloomAnimationBottom.png');
    background-repeat: no-repeat;
}

div.CameraBack {
    background-image: url('http://localhost/www.authenticsociety.com/Images/BloomAnimationBottomBack.png');
}

div.Vote, div.VoteBack {
    position: absolute;
    width: 54px;
    height: 54px;
    left: -28px;
    top: 28px;
    background-position: 0 0;
    background-image: url('http://localhost/www.authenticsociety.com/Images/BloomAnimationLeft.png');
    background-repeat: no-repeat;
}

div.VoteBack {
    background-image: url('http://localhost/www.authenticsociety.com/Images/BloomAnimationLeftBack.png');
}

div.Msg, div.MsgBack {
    position: absolute;
    width: 54px;
    height: 54px;
    left: 28px;
    top: 28px;
    background-position: 0 0;
    background-image: url('http://localhost/www.authenticsociety.com/Images/BloomAnimationRight.png');
    background-repeat: no-repeat;
}

div.MsgBack {
    background-image: url('http://localhost/www.authenticsociety.com/Images/BloomAnimationRightBack.png');
}

div.bloom_button_container {
    position: relative;
    border: 0;
    width: 90px;
    height: 90px;
    background-position: 0 0;
    background-image: url('http://localhost/www.authenticsociety.com/Images/BloomAnimationTopBack.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

/*zoomfade*/

div.zoomfade_container {
    position: absolute;
    top: 200px;
    left: 300px;
    width: 400px;
    height: 300px;
    border: 1px solid red;
}

div.zoomfade_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    height: 400px;
    border: 1px solid red;
}

#article_container {
    position: relative;
    width: 525px;
    color: #111111;
    vertical-align: top;
}

.info {
    width: auto;
    float: right;
    padding-left: 25px;
    vertical-align: top;
}

.sidebar {
    width: auto;
    float: right;
    padding-right: 25px;
    vertical-align: top;
}

#homepage {
    position: absolute;
    top: 2px;
    left: 5px;
    width: 100px;
}

.long_ago {
    color: green;
}

h1 {
    text-align: center;
    margin-top: 16px;
    color: #777777;
}

h2 {
    color: #444444;
}

h3 {
    font-weight: bold;
    font-size: 16px;
    color: #444444;
    font-style: italic;
}

.special-text {
    font-size: 24px;
    font-family: Monotype Corsiva, Arial, Helvetica, sans-serif;
}

.subscribe-special {
    color: #0000ff;
}

#Atom {
    position: absolute;
    top: 10px;
    left: -250px;
    width: 200px;
    height: 150px;
    background: url('http://localhost/www.authenticsociety.com/Images/Atom.png') 55 0 no-repeat;
    text-align: center;
    padding-top: 140px;
}

body.article {
    background: #EFEFEF url('http://localhost/www.authenticsociety.com/Images/WhitePatternBackground.png');
}

#roll {
    padding-left: 57px;
}

#roll a, #roll a.link, #roll a.visited, #roll a.hover {
    color: #22B7DC;
}

a.ArticleTocLink {
    color: #555555;
}

a.ArticleMoreLink {
    color: #555555;
    font-size: 11px;
}

.article #main_view {
    margin: auto;
}

pre {
    background: #DADADA;
    font-size: 11px;
    white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
    white-space: -pre-wrap; /* Opera 4 - 6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word; /* IE 5.5+ */
}

i.important_text_highlight {
    color: #EA5A1B;
}

div#header_bar {
    height: 99px;
    background-color: #DDDDDD;
    border: 0;
    padding: 0;
    margin: 0;
    text-align: center;
    position: relative;
}

div#header_bar div#image {
    margin: auto;
    border: 0;
    padding: 0;
    width: 1000px;
    height: 108px;
    background: url('http://localhost/www.authenticsociety.com/Images/HeaderImage.png') no-repeat;
    text-align: left;
    position: relative;
}

div#clickable_logo {
    position: absolute;
    width: 100px;
    height: 100px;
}

div#clickable_logo img {
    width: 100px;
    height: 100px;
    border: 0;
}

#rss_feed_placeholder {
    position: absolute;
    top: 60px;
    left: 640px;
    width: 88px;
    height: 32px;
}

#main_navigation {
    margin: auto;
    width: 995px;
    font-weight: bold;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 16px;
}

span.red {
    color: red;
}

span.green {
    color: green;
}

span.gray {
    color: gray;
}

#FiveStars {
    position: relative;
    width: 320px;
    height: 24px;
}

#AtomDetailsContainer {
    position: relative;
    padding-top: 8px;
    width: 525px;
    height: 42px;
    background: url('http://localhost/www.authenticsociety.com/Images/AtomDetailsBg.png') repeat-x;
}

#FiveStars #Star1,
#FiveStars #Star2,
#FiveStars #Star3,
#FiveStars #Star4,
#FiveStars #Star5 {
    position: absolute;
    top: 0;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

#FiveStars #Star1 {
    left: 0;
}

#FiveStars #Star2 {
    left: 24px;
}

#FiveStars #Star3 {
    left: 48px;
}

#FiveStars #Star4 {
    left: 72px;
}

#FiveStars #Star5 {
    left: 96px;
}

#FiveStars #MouseMessage {
    position: absolute;
    top: 6px;
    left: 132px;
    width: 200px;
    height: 24px;
    text-align: left;
}

#FiveStars #DiscussionMessage {
    position: absolute;
    top: 6px;
    left: 282px;
    width: 240px;
    height: 24px;
    text-align: right;
}

div#ArticleHorizontalLine {
    width: 295px;
    border-top: 1px solid gray;
    padding-top: 10px;
    height: 1px;
}

.HalfStarOn {
    background: url('http://localhost/www.authenticsociety.com/Images/Site/HalfStarOn.png') no-repeat;
}

.StarOn {
    background: url('http://localhost/www.authenticsociety.com/Images/Site/StarOn.png') no-repeat;
}

.StarOff {
    background: url('http://localhost/www.authenticsociety.com/Images/Site/StarOff.png') no-repeat;
}

div.StarLeftSide {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 24px;
}

div.StarRightSide {
    position: absolute;
    top: 0;
    left: 12px;
    width: 12px;
    height: 24px;
}

span#log_in_to_rate {
    display: none;
}

span#atom_view {
    display: none;
}

div#atom_discussion {
    display: none;
}

div#atom_body {
    display: block;
}

#PostCommentTabOn {
    position: absolute;
    top: 2px;
    left: 420px;
    width: 107px;
    height: 45px;
    background: url('http://localhost/www.authenticsociety.com/Images/Site/PostAComment.png') no-repeat;
    display: none;
}

#CommentLeftCorner {
    position: absolute;
    top: 1px;
    left: -3px;
    width: 3px;
    height: 45px;
    background: url('http://localhost/www.authenticsociety.com/Images/Site/CommentLeftCorner.png') no-repeat;
    border: 0;
}

#CommentRightCorner {
    position: absolute;
    top: 1px;
    left: 525px;
    width: 3px;
    height: 45px;
    background: url('http://localhost/www.authenticsociety.com/Images/Site/CommentRightCorner.png') no-repeat;
    border: 0;
}

table#PostComment {
    height: 81px;
    border: 0;
}

table#PostComment td.LeftSide div {
    width: 86px;
    height: 81px;
    background: url('http://localhost/www.authenticsociety.com/Images/Site/PostCommentLeft.png') no-repeat;
    border: 0;
}

table#PostComment td.Mid div {
    width: 200px;
    height: 81px;
    background: url('http://localhost/www.authenticsociety.com/Images/Site/PostCommentBg.png') no-repeat;
    border: 1px solid blue;
}

textarea#CommentBox {
    width: 200px;
    height: 80px;
    border: 0;
    font-family: arial, sans-serif;
    font-size: 11px;
    color: #0000ff;
}

table#PostComment td.RightSide div {
    width: 10px;
    height: 81px;
    background: url('http://www.authenticsociety.com/Images/Site/PostCommentRight.png') no-repeat;
    border: 0;
}

table#PostComment td.LeftSide div div#TypingFace1,
table#PostComment td.LeftSide div div#TypingFace2,
table#PostComment td.LeftSide div div#TypingFace3,
table#PostComment td.LeftSide div div#TypingFace4,
table#PostComment td.LeftSide div div#TypingFace5 {
    top: 21px;
    left: 18px;
    width: 48px;
    height: 48px;
}

table#PostComment td.LeftSide div div#TypingFace1 {
    position: absolute;
    background: url('http://www.authenticsociety.com/Images/Site/TypingFace1.png') no-repeat;
    visibility: visible;
}

table#PostComment td.LeftSide div div#TypingFace2 {
    position: absolute;
    background: url('http://www.authenticsociety.com/Images/Site/TypingFace2.png') no-repeat;
    visibility: hidden;
}

table#PostComment td.LeftSide div div#TypingFace3 {
    position: absolute;
    background: url('http://www.authenticsociety.com/Images/Site/TypingFace3.png') no-repeat;
    visibility: hidden;
}

table#PostComment td.LeftSide div div#TypingFace4 {
    position: absolute;
    background: url('http://www.authenticsociety.com/Images/Site/TypingFace4.png') no-repeat;
    visibility: hidden;
}

table#PostComment td.LeftSide div div#TypingFace5 {
    position: absolute;
    background: url('http://www.authenticsociety.com/Images/Site/TypingFace5.png') no-repeat;
    visibility: hidden;
}

div#PublishComment {
    position: absolute;
    top: 29px;
    left: 424px;
    width: 95px;
    height: 39px;
    border: 0;
    display: none;
    cursor: pointer;
}

div.PublishOn {
    background: url('http://www.authenticsociety.com/Images/Site/PublishButtonOn.png') no-repeat;
}

div.PublishOff {
    background: transparent;
}

div.thumbUpOn {
    position: relative;
    width: 17px;
    height: 27px;
    background: url('http://www.authenticsociety.com/Images/ThumbUpOn.png') no-repeat;
    cursor: pointer;
}

div.thumbUpOff {
    position: relative;
    width: 17px;
    height: 27px;
    background: url('http://www.authenticsociety.com/Images/ThumbUpOff.png') no-repeat;
    cursor: pointer;
}

div.thumbDnOn {
    position: relative;
    width: 17px;
    height: 27px;
    background: url('http://www.authenticsociety.com/Images/ThumbDownOn.png') no-repeat;
    cursor: pointer;
}

div.thumbDnOff {
    position: relative;
    width: 17px;
    height: 27px;
    background: url('http://www.authenticsociety.com/Images/ThumbDownOff.png') no-repeat;
    cursor: pointer;
}


#mainview
{
    position: relative;
    width: 90%;
    height: 700px;
    margin: auto;
    border: 0;
    
}

td#lnav
{
    width: 10%;
    vertical-align: top;
}

td#rnav
{
    width: 10%;
    vertical-align: top;
}


td#lbody
{
    padding-bottom:32px;
    border-bottom:1px dotted gray;
    vertical-align: top;
}

td#rbody
{
    padding-bottom:32px;
    border-bottom:1px dotted gray;
    vertical-align: top;
}

#title
{
    font-size: 72px;
    font-family: Century Gothic, sans-serif;
    text-align: center;
}

#article_title
{
    font-size: 30px;
    font-family: Century Gothic, sans-serif;
    text-align: center;
}

#browser
{
    text-align: center;
}

.T
{
    background: #555;
    cursor: pointer;
}

.F32
{
    font-size: 32px;
    width: 32px;
    height: 32px;
}

li
{
    width: 100px;
}

li a
{
    position: absolute;
    width: 100px;
}

li.Y a.as
{
    color: black !important;
}

a.as
{
    color: white !important;
}

.Y
{
    background: #ff0;
    text-decoration: none;
}

.N
{
    background: #555;
}

.R
{
    background: #A00;
}

.G
{
    background: #0A0;
}

.aboutsite
{
    margin-bottom: 10px;
    background-color: silver;
}

.bgYellow { background-color: #FF0; }

.bgRed { background-color: #F00; color: #fff; }

.bgGreen { background-color: #0A0; }

.bgBlue { background-color: #00C; color: #fff; }

.bgOrange { background-color: orange; }


#AdminComment div,
#AdminComment table,
#AdminComment table td {
    background-color: #D3E1FF !important;
}

/* neg. comment level 1 */
.Red1 div,
.Red1 table,
.Red1 table td {
    background-color: #FFDDD3 !important;
}

.Green1 div,
.Green1 table,
.Green1 table td {
    background-color: #EEFFD3 !important;
}