﻿BODY, P { font-family: Verdana; }
/*
    Remove: TABLE.PostsTable, TD.Avatar

*/
/* Navbar at top of forum */
DIV.ForumNav 
{   
    margin:16px 0;
    font-family: Verdana; 
    font-weight:bold;
	font-size:.8rem;
}
DIV.ForumNav IMG { vertical-align:middle; }

/* Threads page */
DIV.ThreadPage  { background-color:#F5F5F5; padding:8px 0px 16px 0px; margin:-16px -16px -32px -16px; background-image:url(../app_masters/pix/bg2.png); background-attachment:fixed; }
DIV.ThreadPage H2 { padding:8px 8px 8px 136px; margin:0px; }
H2 A { border:none; color:#333333; }
H2 A:hover { border-bottom:1px dotted #333333; }
TABLE.ThreadsTable {max-width:700px; border-collapse: collapse; border:none; }
    
TABLE.ThreadsTable TR  /* Default row shading */
{   
    background: #ffffff;
    background: -moz-linear-gradient(top, #F7F7ED 0%, #ffffff 30%, #ffffff 70%, #F7F7ED 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7ED), color-stop(30%,#ffffff), color-stop(70%,#ffffff), color-stop(100%,#F7F7ED));
    background: -webkit-linear-gradient(top, #F7F7ED 0%,#ffffff 30%,#ffffff 70%,#F7F7ED 100%);
    background: -o-linear-gradient(top, #F7F7ED 0%,#ffffff 30%,#ffffff 70%,#F7F7ED 100%);
    background: -ms-linear-gradient(top, #F7F7ED 0%,#ffffff 30%,#ffffff 70%,#F7F7ED 100%);
    background: linear-gradient(to bottom, #F7F7ED 0%,#ffffff 30%,#ffffff 70%,#F7F7ED 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7ED', endColorstr='#F7F7ED',GradientType=0 );
}

TABLE.ThreadsTable TD, TABLE.ThreadsTable TH, TABLE.ThreadsTable P { color:#333333; font-size:10pt; font-family:Verdana; }
TABLE.ThreadsTable TH { border:none; background:#ffffff; padding:2px 0px 4px 0px; text-align:center; font-weight:normal; color:#666666; }
TABLE.ThreadsTable TD {  padding:8px; border:1px solid #cccccc; }


TABLE.ThreadsTable TD.Subject { border-left:none; border-right:none; }
TABLE.ThreadsTable TD.Subject A.Link { font-weight:bold; font-size:13pt; font-family:Arial;  }
    
TABLE.ThreadsTable TD P { padding:2px 0px 0px 0px; margin:0px; }
TABLE.ThreadsTable TD P A { color:#666666; border-color:#666666; font-weight:normal; }
TABLE.ThreadsTable TD P A:hover { border-bottom:solid 1px #666666; }
    
TABLE.ThreadsTable TR.Ad TD { border:none; background:none;  text-align:center; }
    
TABLE.ThreadsTable TD.Avatar { width:35px; border-right:none; padding-right:0px; } /* Tiny avatar */
TABLE.ThreadsTable TD.Poster { text-align: center; max-width:100px; overflow:hidden; text-overflow: ellipsis;  } 
TABLE.ThreadsTable TD.Poster A { color:#666666; border-color:#666666; }
TABLE.ThreadsTable TD.Count { text-align:center; font-size:12pt; color:#666666;  }
TABLE.ThreadsTable TD.MergeL { border-left:none; }
    
TABLE.ThreadsTable TD.Marginal {  background:url(../pix/layout16/surface.jpg); border:none; padding:2px; }

TABLE.ThreadsTable DIV.Replies  { font-family:Arial; min-width:65px; text-align:center; font-size:12pt; color:#666666; font-weight:bold; padding-top:10px; 
                                  background-image:url(pix/replies.png); background-repeat:no-repeat; background-position:top center;
                                  min-height:45px;}

TABLE.ThreadsTable DIV.Replies A { color:#666666; border-color:#666666; }
TABLE.ThreadsTable DIV.Replies P { font-weight:normal; padding:2px 0px 0px 0px; }

/*TABLE.ThreadsTable DIV.NoReplies { border-left:none; background-image:url(pix/replies-none.png); background-repeat:no-repeat; background-position:top center;  }
TABLE.ThreadsTable DIV.NoReplies A { border:none; }*/
    
/* Forum Shading (template below) */
 
TABLE.ThreadsTable TR.TopPoster /* #E9EDBB */ 
{
    background: #ffffff;
    background: -moz-linear-gradient(top, #EFF5E2 0%, #ffffff 30%, #ffffff 70%, #E9EDBB 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9EDBB), color-stop(30%,#ffffff), color-stop(70%,#ffffff), color-stop(100%,#E9EDBB));
    background: -webkit-linear-gradient(top, #E9EDBB 0%,#ffffff 30%,#ffffff 70%,#E9EDBB 100%);
    background: -o-linear-gradient(top, #E9EDBB 0%,#ffffff 30%,#ffffff 70%,#E9EDBB 100%);
    background: -ms-linear-gradient(top, #E9EDBB 0%,#ffffff 30%,#ffffff 70%,#E9EDBB 100%);
    background: linear-gradient(to bottom, #E9EDBB 0%,#ffffff 30%,#ffffff 70%,#E9EDBB 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9EDBB', endColorstr='#E9EDBB',GradientType=0 );
}
TABLE.ThreadsTable TR.Private /* #EBE9F9 */
{
    background: #ffffff;
    background: -moz-linear-gradient(top, #EBE9F9 0%, #ffffff 30%, #ffffff 70%, #EBE9F9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EBE9F9), color-stop(30%,#ffffff), color-stop(70%,#ffffff), color-stop(100%,#EBE9F9));
    background: -webkit-linear-gradient(top, #EBE9F9 0%,#ffffff 30%,#ffffff 70%,#EBE9F9 100%);
    background: -o-linear-gradient(top, #EBE9F9 0%,#ffffff 30%,#ffffff 70%,#EBE9F9 100%);
    background: -ms-linear-gradient(top, #EBE9F9 0%,#ffffff 30%,#ffffff 70%,#EBE9F9 100%);
    background: linear-gradient(to bottom, #EBE9F9 0%,#ffffff 30%,#ffffff 70%,#EBE9F9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBE9F9', endColorstr='#EBE9F9',GradientType=0 );
}
TABLE.ThreadsTable TR.Gold /* F8F0BE */  
{
    background: #ffffff;
    background: -moz-linear-gradient(top, #F8F0BE 0%, #ffffff 30%, #ffffff 70%, #F8F0BE 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F0BE), color-stop(30%,#ffffff), color-stop(70%,#ffffff), color-stop(100%,#F8F0BE));
    background: -webkit-linear-gradient(top, #F8F0BE 0%,#ffffff 30%,#ffffff 70%,#F8F0BE 100%);
    background: -o-linear-gradient(top, #F8F0BE 0%,#ffffff 30%,#ffffff 70%,#F8F0BE 100%);
    background: -ms-linear-gradient(top, #F8F0BE 0%,#ffffff 30%,#ffffff 70%,#F8F0BE 100%);
    background: linear-gradient(to bottom, #F8F0BE 0%,#ffffff 30%,#ffffff 70%,#F8F0BE 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F0BE', endColorstr='#F8F0BE',GradientType=0 );
}
TABLE.ThreadsTable TR.ForumLeader, TABLE.ThreadsTable TR.SysAdmin /* #EBF5F8 */
{
    background: #ffffff;
    background: -moz-linear-gradient(top, #EBF5F8 0%, #ffffff 30%, #ffffff 70%, #EBF5F8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EBF5F8), color-stop(30%,#ffffff), color-stop(70%,#ffffff), color-stop(100%,#EBF5F8));
    background: -webkit-linear-gradient(top, #EBF5F8 0%,#ffffff 30%,#ffffff 70%,#EBF5F8 100%);
    background: -o-linear-gradient(top, #EBF5F8 0%,#ffffff 30%,#ffffff 70%,#EBF5F8 100%);
    background: -ms-linear-gradient(top, #EBF5F8 0%,#ffffff 30%,#ffffff 70%,#EBF5F8 100%);
    background: linear-gradient(to bottom, #EBF5F8 0%,#ffffff 30%,#ffffff 70%,#EBF5F8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBF5F8', endColorstr='#EBF5F8',GradientType=0 );
}
    
/* Template for shaded row.
TABLE.ThreadsTable TR.StyleNameHere
{
    background: #ffffff;
    background: -moz-linear-gradient(top, #______ 0%, #ffffff 30%, #ffffff 70%, #______ 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#______), color-stop(30%,#ffffff), color-stop(70%,#ffffff), color-stop(100%,#______));
    background: -webkit-linear-gradient(top, #______ 0%,#ffffff 30%,#ffffff 70%,#______ 100%);
    background: -o-linear-gradient(top, #______ 0%,#ffffff 30%,#ffffff 70%,#______ 100%);
    background: -ms-linear-gradient(top, #______ 0%,#ffffff 30%,#ffffff 70%,#______ 100%);
    background: linear-gradient(to bottom, #______ 0%,#ffffff 30%,#ffffff 70%,#______ 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#______', endColorstr='#______',GradientType=0 );
}
*/
   
/* Special threads (within a forum) */
TABLE.ThreadsTable TR.Sticky
{
    background: #ffffff; 
    background: -moz-linear-gradient(top, #F0F0E6 0%, #ffffff 45%, #ffffff 55%, #F0F0E6 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0E6), color-stop(45%,#ffffff), color-stop(55%,#ffffff), color-stop(100%,#F0F0E6)); 
    background: -webkit-linear-gradient(top, #F0F0E6 0%,#ffffff 45%,#ffffff 55%,#F0F0E6 100%); 
    background: -o-linear-gradient(top, #F0F0E6 0%,#ffffff 45%,#ffffff 55%,#F0F0E6 100%); 
    background: -ms-linear-gradient(top, #F0F0E6 0%,#ffffff 45%,#ffffff 55%,#F0F0E6 100%); 
    background: linear-gradient(to bottom, #F0F0E6 0%,#ffffff 45%,#ffffff 55%,#F0F0E6 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0E6', endColorstr='#F0F0E6',GradientType=0 ); 
}


/* Forums List */
TABLE.ThreadsTable 
{
    -webkit-box-shadow: 4px 4px 5px rgba(170, 170, 170, 0.33);
    -moz-box-shadow:    4px 4px 5px rgba(170, 170, 170, 0.33);
    box-shadow:         4px 4px 5px rgba(170, 170, 170, 0.33);
}
TABLE.NoShadow { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow: none; }
TABLE.ThreadsTable TD.Forum { width:310px; }
TABLE.ThreadsTable TD.Forum P { color:#333333; font-size:10pt; }
TABLE.ThreadsTable TD.Forum A.Main { font-weight:bold; font-size:13pt;  border-bottom-style:solid; border-bottom-width:1px;   }
TABLE.ThreadsTable TR.Group  { background:none; }
TABLE.ThreadsTable TR.Group TD { border:none; padding:32px 0px 4px 0px;  }
TABLE.ThreadsTable TR.Group TH { background:none; }
TABLE.ThreadsTable TR.Group H2 { margin:0px; padding:0px; }

TABLE.ThreadsTable TD.LastPost { width:240px;  border-left:none;  font-size:11pt; }
    
TABLE.ThreadsTable DIV.Replies--Big    { padding-top:14px;  background-image:url(pix/replies-big.png); min-height:56px; mid-width:60px; background-repeat:no-repeat; background-position:top center; }
TABLE.ThreadsTable DIV.Replies--Giant  { padding-top:16px; font-size:10pt;  background-image:url(pix/replies-big.png); min-height:56px; min-width:60px; background-repeat:no-repeat; background-position:top center; }
TABLE.ThreadsTable DIV.Replies--Blank  { background-image:none; color:#ffffff; }
table.ThreadsTable div.Replies--None { background-image:url(Pix/replies-none.png); }

/* Ultrasound */
TABLE.ThreadsTable IMG.US_Gender { position:relative; z-index:2; float:right;  margin-top:-4px; margin-right:-16px; }
TABLE.ThreadsTable IMG.US_Pic { 
    float:right; 
    margin-left:8px; margin-right:-8px;  
    padding:4px; border: 1px solid #cccccc; 
    object-fit: cover;
    width:58px; height:58px;
    -webkit-filter: grayscale(100%);
    filter:grayscale(100%);
    -webkit-box-shadow: 2px 2px 3px rgba(170, 170, 170, 0.33);
    -moz-box-shadow:    2px 2px 3px rgba(170, 170, 170, 0.33);
    box-shadow:         2px 2px 3px rgba(170, 170, 170, 0.33);
    z-index:1;
    position:relative; /* Needed for z-index */
    cursor: pointer;   }

/* Posts List (for user's threads) */
TABLE.ThreadsTable TR.UserPosts TD { padding:8px 200px 8px 50px;  }

img.AttachThumb {
    object-fit: cover;
    width:58px; height:58px;
}

/* Pager */
DIV.A_Pager { padding:16px 8px 0px 8px; font-family:Verdana; color:#666666; font-size:10pt; }
DIV.A_Pager A { border: none; color:#666666; }
DIV.A_Pager INPUT { display:inline; }
DIV.A_Pager SELECT  { font-size:10pt; color:#666666; }

/*-- Responsive Avatar ------------------------------------*/
div.PEEP { display: table-cell; vertical-align:top; width:136px; min-width:136px;
    text-align:center; font-family:Arial; font-size:.8rem; color:#999999; }
div.PEEP a { border:none; } /* Avatar link */
div.PEEP a img { border-radius:16px;  } /* Avatar */
div.PEEP div.Info {  display:inline-block; max-width:136px;  }
div.PEEP div.Info p  { max-width:128px; padding: 1px 0px 1px 0px; text-overflow:ellipsis; overflow:hidden;  }
div.PEEP div.Info p a { color:#999999; border-bottom:1px dotted #999999; } /* Post Count */
div.PEEP div.Info p.Count:before { content: "Posts: "}
div.PEEP div.Info p.Join:before { content: "Joined: " }
div.PEEP div.Info img.FL { margin-top:8px; display:inline-block;  } /* Forum Leader badge */

/* Responsive Post ----------------------------------------*/
div.PostDate { font-size:.9rem; text-align:right; padding:0 16px 2px 0;  color:#999999; }
div.POST {  display:table; margin:0 4px 50px -4px; } /* Contains user and entire post (except date) */
div.POST div.Content { width: 100%;  display: table-cell;}
div.POST div.Msg { background-color:#ffffff; border: 1px solid #cccccc;  border-radius:16px; padding:12px; margin:0 0 8px 0;
            font-size:1.0rem; line-height:1.4rem; }
div.POST div.Msg h3 { font-family:Arvo; margin:0; padding:8px 0;}
div.POST div.Msg img { max-width:100%; }
div.POST div.Head { border-bottom: 1px dotted #cccccc; margin:0px -12px 12px -12px; padding:0px 0px 8px 12px;
                font-size:1rem; line-height:normal; font-weight:bold; color:#999999;}
div.POST div.Head a { border:none; color:#999999; } /* Username */
div.POST div.Head a.FL { display:inline-block; height:32px; background-image:url(Pix/badge/star.png); background-repeat:no-repeat; padding:6px 0 0 36px; }
div.POST div.Head span.On,
div.PEEP--Box span.On { /* Empty span creates Online glyph */
    display:inline-block; margin:2px; font-family: Arial; font-size: .6rem;  border: 1px solid #cccccc; padding: 2px 4px;
    border-radius: 6px; vertical-align:middle;}
div.POST div.Head span.On:before,
div.PEEP--Box span.On:before { content: "ONLINE"; }

div.POST div.Sig { max-height:140px; max-width:590px; overflow:hidden; padding:0 60px 0 60px; text-align:center;
				   font-family:Arial; color:#999999; font-size:.8rem; line-height:normal; }
div.Bling { text-align:center; margin-bottom:8px; }
div.Bling p { display:inline-block;  margin:0 4px;  background-repeat:no-repeat; background-position:left center;
			color:#999999; font-family: Satisfy, Arial; font-size:1.2rem; line-height:normal; }
div.Bling p.Gold { background-image:url(pix/badge/crown2.png); padding:4px 16px 0 36px; }
div.Bling p.Gold::after { content:"Gold Member"; }

div.Bling p.TP1  { background-image:url(pix/badge/tp1.png); padding:0 16px 0 23px; }
div.Bling p.TP2  { background-image:url(pix/badge/tp2.png); padding:0 16px 0 42px; }
div.Bling p.TP3  { background-image:url(pix/badge/tp3.png); padding:0 16px 0 56px; }
div.Bling p.TP4  { background-image:url(pix/badge/tp4.png); padding:0 16px 0 74px; }
div.Bling p.TP5  { background-image:url(pix/badge/tp5.png); padding:0 16px 0 92px; }
div.Bling p.TP6  { background-image:url(pix/badge/tp6.png); padding:0 16px 0 111px; }
div.Bling p.TP1::after, 
div.Bling p.TP2::after, 
div.Bling p.TP3::after, 
div.Bling p.TP4::after, 
div.Bling p.TP5::after, 
div.Bling p.TP6::after { content:"Top Poster"; }

    
div.POST div.Act { text-align:center; color:#999999; font-family:Arial;  font-size:.9rem; border-top: 1px dotted #cccccc; margin: 12px -12px -8px -12px;  padding:0;   }
div.POST div.Act a { color: #999999; border:none; display:inline-block; margin:6px 12px 6px 12px; }
div.POST div.Act a i { color:#cccccc; }

div.POST div.Image {   text-align:center; margin:8px 0px;  }
div.POST div.Image img { max-width:100%; }
div.POST div.Image--M  { border:4px solid lightblue; }
div.POST div.Image--F  { border:4px solid lightpink; }

div.Post-Anchor { border-top:1px dashed #cccccc; margin-top:16px; padding-top:16px; }
div.Post-Anchor div.POST { position:relative;  width:100%; padding-left:2px; }

div.PEEP--Box { display:inline-block;  padding:8px 0; margin-bottom:8px; background-color:#ffffff;  border:1px solid #cccccc; }
div.PEEP--Box div.Bling p {  background-position:top center; margin:0; padding:0; padding-top:18px; width:120px; }
div.PEEP--Box div.Bling p.Gold { padding-top:30px; }

/* --PEEP/POST media queries ------------------------------*/
/* (anything less than iPhone6 @ landscape) */
@media screen and (max-width: 666px) { 
    #IG-Page { margin:0; padding:0; }
	h1, h2 { padding-left:8px;  }
	div.Post-Anchor { margin-left:0; }
	div.Post-Anchor div.POST { border-top:1px solid #cccccc; }

    div.PEEP { display:table; vertical-align:middle; width:100%;
                background-color:white; border:1px solid #cccccc; border-bottom:1px dotted #cccccc; 
    }
    div.PEEP a img { vertical-align:top; display:table-cell; margin:8px; width:80px; } 
    div.PEEP b { font-size:1.3em; font-family:Verdana; color:#275B8A; }
    div.PEEP div.Info {   text-align:left; vertical-align:middle; display:table-cell;  width:100%;    }
	div.PEEP div.Info p { max-width:100%; }
    div.PostDate { padding-right:4px; }
    div.POST { display:block; margin:0 0 50px 0;}
    div.POST div.Content { display:block; }
    div.POST div.Msg {  border-radius:0; border-top:none;                        }
    div.POST div.Head { display:none; } 
	div.POST div.Sig { padding:0 8px 0 8px; }

	div.PEEP--Box a img { width:120px; }
	div.PEEP--Box div.Bling { text-align:left; }
	div.PEEP--Box div.Bling p { width:100%; display:block; background-position:center left; margin:4px 0;}
	div.PEEP--Box div.Bling p.Gold { padding:4px 16px 0 36px; }
	div.PEEP--Box div.Bling p.TP1  { padding:0 16px 0 23px; }
	div.PEEP--Box div.Bling p.TP2  { padding:0 16px 0 42px; }
	div.PEEP--Box div.Bling p.TP3  { padding:0 16px 0 56px; }
	div.PEEP--Box div.Bling p.TP4  { padding:0 16px 0 74px; }
	div.PEEP--Box div.Bling p.TP5  { padding:0 16px 0 92px; }
	div.PEEP--Box div.Bling p.TP6  { padding:0 16px 0 111px; }

	/*-- Responsive Forums Table -------------------------------*/
	table.ThreadsTable tr.Group td h2 { padding-left:8px; padding-right:8px; }
	table.TT2, table.TT2 tr,table.TT2 td, table.TT2 th {display:block; padding:0; margin:0; border:none; }

	table.TT2 {  border-bottom:1px solid #cccccc; width:100%;}
	table.TT2 tr.Group th { display:none; }
	table.TT2 tr { border-top:1px solid #cccccc; position:relative; }
	table.TT2 tr.Group { border:none; }
	table.TT2 td.Forum { width:unset; width:100%; padding:8px 65px 8px 8px; border-bottom:1px dotted #cccccc;  }
	table.TT2 td.Marginal { position:absolute; top:0; right:0; background:none; }
	table.TT2 td.Avatar {  padding:8px 0 0 8px; }
	table.TT2 td.LastPost { margin:-40px 0 0 51px; padding:0 16px 16px 0; width:unset; }
	table.TT2 td.LastPost::before { content:"Newest: " }

	/*-- Responsive Threads Table ------------------------------*/
	table.TT1, table.TT1 tr, table.TT1 td, table.TT1 th {display:block; padding:0; margin:0; border:none; }

	table.TT1 {  -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow: none; border-bottom:1px solid #cccccc; }
	table.TT1 tr { position:relative; min-height:90px; border-top:1px solid #cccccc; padding:8px; padding-bottom:16px; }
	TABLE.TT1 TD.Avatar { position:absolute; top:8px; left:4px; }
	TABLE.TT1 TD.Subject { margin-left:40px; padding:0 65px 4px 0; }
	TABLE.TT1 TD.MergeL { position:absolute; top:0; right:0; }
	table.TT1 td.Poster { margin-left:40px; padding-right:65px; padding-bottom:4px; max-width:100%;  /*min-width:240px;*/ text-align: left;    } 
	table.TT1 td.Poster p { display:inline;} 
	table.TT1 td.Count { position:absolute; top:45px; right:0; min-width:65px; min-height:45px; font-family:Verdana; font-size:11pt; }
	table.TT1 td.Count p { padding:0; margin:0;}
}
    @media screen and (min-width:360px) and (max-width:666px)  {
    /* Move FL badge beside details */
    div.PEEP div.Info img.FL { margin:-32px 8px 0 0;  float:right;  } 
}
/*div.Post { padding-bottom:24px; }*/

/* Post Header */
/*div.Post div.P-Date {padding:16px 8px 4px 0px; text-align:right; color:#999999; font-family: Arial; font-size:12pt;}
div.Post div.P-Head { border:2px solid #eaeae0; border-bottom:1px dotted #eaeae0; background-color: #FFFFFF; padding:6px; }
div.Post div.P-Head td { vertical-align:middle; font-family: Arial; font-size:10pt; color:#999999; padding-left:8px; text-overflow:ellipsis; overflow:hidden; }
div.Post div.P-Head th { vertical-align:top; }*/

/*div.Post #lnkAv { border:none; text-decoration:none; }
div.Post #lnkAv img { border-radius: 12px; width: 120px; border:none; text-decoration:none;  }
div.Post #lnkZoom { border: none; padding-top:8px; display:block; }*/
    
/*div.Post div.P-Author { padding-left:8px; position:relative; top:50%; transform: translateY(-50%); text-overflow:ellipsis; overflow:hidden; }  Vertically center */
/*div.Post div.P-Head  a.P-User { 
    font-weight: bold;
    font-size:13pt; font-family:Verdana;
    text-decoration:none; border:none; }
div.Post div.P-Head p { padding: 2px 0px;  }
div.Post div.P-Head span.P-On { 
        font-family: Arial; font-size: 7pt;  border: 1px solid #cccccc; padding: 2px 4px;
        border-radius: 6px;
         }
div.Post div.P-Head span.P-On:before { content: "ONLINE"; }
div.Post p.P-Count:before { content: "Posts: "}
div.Post p.P-Count a { color:#999999; border-color:#999999; }
div.Post p.P-Join:before { content: "Joined: " }*/

/*-- Post Body --*/
/*div.Post div.P-Body {  font-size:13pt; background-color: #ffffff; padding:16px 8px; border-left:2px solid #eaeae0; border-right:2px solid #eaeae0; }
div.Post div.P-Body #imgAttach { max-width:100%; }*/
/*-- Post Footer --*/
/*div.Post div.P-Foot { 
    background-color:#ffffff; 
    padding:8px;
    border:2px solid #eaeae0; border-top:1px dotted #eaeae0; 
    font-size: 8pt; font-family: Arial; color: #999999; 
    text-align: left;
}
div.Post div.P-Foot td { vertical-align:middle; }
div.Post div.P-Sig { max-height:100px; overflow:hidden; padding-top:8px; }  /* overflow:auto; scroll vertically if too tall */

div.Post div.P-Btn { text-align:center; padding-top:4px; }
div.Post div.P-Btn a { display:inline-block; color:#999999; padding:0px 4px; text-decoration:underline; text-decoration-style:dotted; border:none; font-weight:normal; }*/


H3.P-Subject { text-align:left; font-family: 'Arvo'; font-size:14pt; color:#666666; padding:8px 0px 0px 0px; margin:0px; margin-bottom:-16px;}
H3.P-Subject A { color:#666666; border-color:#666666; }
H3.P-Subject div {  color:#999999; font-family: Arial; font-size:10pt; padding-top:4px; }
        
/* ---------------------------------------------------------------------------
   -- PostsTable
   ---------------------------------------------------------------------------*/
TABLE.PostsTable {  }
TABLE.PostsTable TD { padding:0px; margin:0px;   }
    
TABLE.PostsTable TD.Avatar {  width:124px; max-width:124px; overflow:hidden; overflow-text:ellipsis; text-align:center; padding:0px 4px 16px 0px;  }

TABLE.PostsTable TD.Avatar P { color:#999999; font-family:Arial;  font-size:8pt;  width:124px; overflow:hidden; overflow-text:ellipsis; padding:1px 0px 1px 0px; margin:0px;}
TABLE.PostsTable TD.Avatar P A { color:#999999; border-bottom:1px solid #999999; }
TABLE.PostsTable TD.Avatar P A:hover {  border-bottom:1px solid #999999; }
TABLE.PostsTable TD.Avatar DIV   { color:#999999; font-weight:bold; font-size:10pt; font-family: Arial;}
TABLE.PostsTable TD.Avatar DIV A { color:#999999; font-weight:bold; font-size:10pt; border:none;}
TABLE.PostsTable TD.Avatar DIV A:hover { border-bottom:1px solid #999999; }
TABLE.PostsTable TD.Avatar IMG { padding-top:4px; }
TABLE.PostsTable TD.Two { padding:16px; border:dotted 1px #cccccc;
                          
    background: -moz-linear-gradient(top, #F7F7ED 0%, #ffffff 30%, #ffffff 70%, #F7F7ED 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7ED), color-stop(30%,#ffffff), color-stop(70%,#ffffff), color-stop(100%,#F7F7ED));
    background: -webkit-linear-gradient(top, #F7F7ED 0%,#ffffff 30%,#ffffff 70%,#F7F7ED 100%);
    background: -o-linear-gradient(top, #F7F7ED 0%,#ffffff 30%,#ffffff 70%,#F7F7ED 100%);
    background: -ms-linear-gradient(top, #F7F7ED 0%,#ffffff 30%,#ffffff 70%,#F7F7ED 100%);
    background: linear-gradient(to bottom, #F7F7ED 0%,#ffffff 30%,#ffffff 70%,#F7F7ED 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7ED', endColorstr='#F7F7ED',GradientType=0 );
                          
                           }
    
TABLE.PostsTable TD.Post { width:600px; background-image:url(pix/tip.png); background-repeat:no-repeat; 
                    background-position:0px 16px;
                    padding:0px 0px 32px 6px;  }
TABLE.PostsTable TD.Post P { padding-left:16px; font-family: Verdana; font-size:10pt; color:#666666; } 

DIV.Widget { width:80px; float:right;  padding:0px; margin:0px; }
DIV.Widget UL { list-style-type:none; margin:0px; padding:0px; }
DIV.Widget LI { padding:0px; margin:0px; }
DIV.Widget A  {  font-family: Verdana; color:#999999; font-size:8pt; border:none; padding:8px 0px 8px 18px; color:#666666; background-repeat:no-repeat; background-position:0px 8px; }
DIV.Widget A.Watch  { background-image:url(../pix/icon/bell0.png); }
DIV.Widget A.Watched, DIV.Widget A.Watch:Hover { background-image:url(../pix/icon/bell.png); }
DIV.Widget A.Bookmark { background-image:url(../pix/icon/bookmark0.png); }
DIV.Widget A.Bookmarked, DIV.Widget A.Bookmark:Hover { background-image:url(../pix/icon/bookmark.png); }

TABLE.PostsTable TD.Widget { padding-top:8px; padding-left:8px;  }
TABLE.PostsTable TD.Widget A { font-family: Verdana; color:#999999; font-size:8pt; border:none;  }
TABLE.PostsTable TD.Widget UL { list-style-type:none; margin:0px; padding:0px; }
TABLE.PostsTable TD.Widget LI { display:inline;  padding: 0px 0px 0px 18px; background-repeat:no-repeat; background-position left bottom; }




TABLE.PostsTable TD.Widget LI.Reply {color:#666666; background-image:url(pix/plus0.png);  }
TABLE.PostsTable TD.Widget LI.Reply:hover { background-image:url(pix/plus.png);  }

TABLE.PostsTable TD.Widget LI.Flag {background-image:url(pix/flag0.png);  }
TABLE.PostsTable TD.Widget LI.Flag:hover { color:#666666; background-image:url(pix/flag.png);  }

TABLE.PostsTable TD.Widget LI.Edit {background-image:url(pix/Edit0.png);  }
TABLE.PostsTable TD.Widget LI.Edit:hover { color:#666666; background-image:url(pix/Edit.png);  }

TABLE.PostsTable TD.Widget LI.Delete {background-image:url(pix/Delete0.png);  }
TABLE.PostsTable TD.Widget LI.Delete:hover { color:#666666; background-image:url(pix/Delete.png);  }

TABLE.PostsTable TD.Widget LI.Zap {background-image:url(pix/Zap0.png);  }
TABLE.PostsTable TD.Widget LI.Zap:hover { color:#666666; background-image:url(pix/Zap.png);  }


TABLE.PostsTable TD.Extra { padding-left:8px; font-family: Verdana; color:#666666; font-size:10pt; }
TABLE.PostsTable TD.Extra DIV { padding-top:8px; }

TABLE.PostsTable TD.Title { text-align:right; padding:4px 8px 4px 16px; color:#999999; font-family: Arial; font-size:10pt; }
TABLE.PostsTable TD.Title A { color:#999999; border-color:#999999; }
TABLE.PostsTable TD.Title H3 { text-align:left; font-family: 'Arvo'; font-size:14pt; color:#666666; padding:8px 0px 4px 0px; margin:0px;}
TABLE.PostsTable TD.Title H3 A { color:#666666; border-color:#666666; }

         
                                             
/* RadioButtonList with proper wrapping */
 TABLE.rdo input
 {    
      float: left;
 }

 TABLE.rdo label
 {    
      margin-left: 25px;
      display: block;
 }                                             
 
 DIV.Watermark { margin-top:-50px; margin-left:16px; }

 
 