/* 
  // Copyright 2004 Google Inc. All Rights Reserved.

  To be used as a primary template for the layout of the Comments Form as a 
  popup window.
    
  Later...other templates can either overwrite or inherit these instructions 
  to change its look-and-feel (i.e. to match a user's blog template).
  
  TODO: There is some duplication here - perhaps consolidate later?

  =============================================================================
  Warning:
  If you change this file, be sure to test both regular and popup layouts.
  You probably also have to make a similar change in cmt_main.css
  =============================================================================
*/

/* General 
-----------------------------*/
body 
  {
    font:small "Trebuchet MS", Verdana,Sans-serif;
    padding:1em;
    margin:0;
  }

a {color:#3063AE;}

.r 
 {
   clear:both;
   display:block;
   margin:0;
   padding:0;
   height:1px;
   line-height:1px;
   font-size:1px;
 }

/* Comments 
-----------------------------*/
#comments
  {
    padding:0;
    position:relative;
    overflow:hidden;
  }
#comments-bar-info span,
#comments-bar-info #btnAll
  {
    font-size:90%;
    _font-size:80%;
  } 

#comments-bar-info span, #comments-bar-info h4
  {
    font-weight:bold;
  }
#comments-bar-info .total
  {
    font-size:100%;
    display:inline;
    float:left;        
    color:#555;
    margin:0;
  }  
#comments-bar-info #btnAll,
#comments-bar-info .close-win
  {
    color:#666;
    float:right;
    margin-left:1em;
    margin-top:.2em;
    cursor:pointer;
    cursor:hand;
    border-bottom:1px solid #888;
  }  

#comments-bar-info 
  {
    border-bottom:1px solid #bbb !important;
    padding-bottom:.4em;
    width:100%;
  } 

  
#comments-block 
  {
    font-size:95%;
  }
#comments-block dt 
  {
    cursor:pointer;
    cursor:hand;
  }
#comments-block dd
  {
    margin:0;
    padding-bottom:.75em;
  }
#comments-block dd .r 
  {
    border-bottom:1px solid #ccc;
  }
#comments-block dt.collapsed 
  {
    font-size:100%;
    border-bottom:1px solid #ccc !important;
  }
#comments-block dt.collapsed img 
  {
    display:none;
  }
#comments-block dd.collapsed
  {
    display:none;
  }
     
img.profile 
  {
    padding:.2em;
    border:1px solid #bbb;
  }
        
.profile-image-container
  {
    float:right;
    margin:.4em 0em .2em 0em;
    padding-left:.8em;
    position:relative;
    z-index:2;
  }

.profile-image-container a 
  {
    border:none!important;
  }
  
.comment-poster-name 
  {
    float:none;
    padding:0;
  }
#comments-block dt 
  {
    margin:0;
    font:bold 122%/1.4em Arial,Verdana,Sans-serif;
    text-transform:lowercase;
    padding-top:0em;
  }
#comments-block dd, #comments-block dd p 
  {
    padding-bottom:.25em;
    margin:0 0 .75em;
    line-height:140%;
  }

.comment-timestamp 
  {
    margin:-.25em 0 1em;
    color:#777;
    font-size:90%;
  }
.deleted-comment 
  {
    font-style:italic;
    color:gray;
  }
  
.collapsed
  {
    border-bottom:1px solid #ccc !important;
  }
.prof-icon
  {
    display:inline !important;
    margin:0 .4em;
  }  

/* Form 
-----------------------------*/
#cform
  {
    margin-top:1.3em;
    margin-bottom:8em;
    background:transparent url(/img/bg_table_gray.gif) repeat-x 0 -2em;
    padding:1em;
    border:1px solid #bbb;
  } 

#identity-options-horiz .label
 {
   display:block;
   float:left;
   margin-top:1em;
   margin-right:1em;
 }
#identity-options-horiz label
 {
   border-bottom:1px dotted #897;
   cursor:pointer;
   cursor:hand;
 }
#identity-options
 {
   margin:1em 0 2em;
   /* clears the floating spans below when DHTML is on */
   clear:both;
 }
#identity-options td 
 {
   /* without this, safari for some reason wraps "your web page" */
   white-space:nowrap;
 }
 
#cform textarea
  {
    width:100%;
    /* Stupid IE needs a fixed-width or this form element will expand
    past 100% when a user begins typing. */
    _width:300px;
  }  
#sidebar IMG 
  {
    border:0;
  }
.sidebar-title
  {
    font-size:120%;
    line-height:80%;
  }  
#html-usage-msg
  {
    font-size:90%;
    line-height:120%;
    font-weight:normal;
    margin:.8em 0em;
  }  
.form-info
  {
    margin:.3em 0 0em .3em;
    display:block;
    font-size:95%;
    text-align:right;
  }  
.buttons input
  {
    font-size:.9em;
    padding:.3em .3em;
    _padding-left:0;
    _padding-right:0;
    background:#ddd;
    font-weight:normal;
    margin-right:1em;
    font-family:Verdana,Arial,Sans-serif;
    cursor:pointer;
    cursor:hand;
  }  
.buttons #FinalPublish
  {
    /* dk blue? */
    border-bottom:solid 2px #025;
    border-right:solid 2px #025;
    border-top:solid 1px #036;
    border-left:solid 1px #036;
    background-color:#69f;
    color:#fff;
    
    /* lt blue? */
    border-left:solid 1px #F5EDE3;
    border-top:solid 1px #F5EDE3;
    border-bottom:solid 1px #826C55;
    border-right:solid 1px #826C55;
    background-color:#69f;
    font-weight:bold;
    
    _width:190px;
  }
  

/* Text 
-----------------------------*/
#content  
  {
    font:small "Trebuchet MS",Verdana,Arial,Sans-serif;
    color:#333;
  } 
#description h1 
  {
    font-size:95%;
    font-weight:bold;
  }  
#description h1 a 
  {
    text-decoration:none;
    border:0;
  } 
.form-title
  {
    /*
    background:transparent url(../img/icn_post_bkg_gray.gif) no-repeat 0% 2%;
    font-size:140%;
    padding-left:40px;
    height:1.8em;
    line-height:1.8em;
    margin:0;
    color:#555;
    */
    font-size:140%;
    color:#555;
    margin:0 0 .8em 0;
  }  
  
#identity
  {
    color:#555;
  }  

a, a:link, a:active, a:visited       
  { 
    color: #36c; 
    text-decoration: none; 
    font-weight: bold; 
    border-bottom: 1px solid #36c;
  }
  
a:hover    
  { 
    color:#888;
    border-bottom: 1px solid #888;
  }
  
.restrict-msg 
  {
    font-size:90% !important;
    font-style:normal !important;
    color:#888;
    margin:.3em 1.5em;
  }
.access-msg
 {
   font-size:100%;
 } 
        
  /* Messaging 
  -----------------------------*/
  .msg
    {
      padding:.6em;
      background:#FFF9BF;
      font-weight:normal;
      text-align:center;
      font-size:100%;
      width:95%;
      margin:0 auto 2em;
      overflow:hidden;
    }
  .msg .saved
    {
      color:#008000;
      font-weight:bold;
    }
  

/* Preview 
-----------------------------*/

#preview-main, #preview-header
  {
    background:transparent;
    background:#F2F8B1;
  }
  
#preview-image
  {
    display:none;
    float:none;
    margin-bottom:0;
  }
  
#preview-profile
  {
    float:right;
  }
  
#preview-main .comment-timestamp
  {
    border:0;margin:0;
  }

#preview-main, #preview-header 
  {
    border:1px solid #999;
    padding:.8em;
  }

#preview-main 
  {
    border-top:0;
    padding-top:0;
    margin-top:0;
    /* Stupid IE collpases margins when floating elements within definition
    lists */
    _position:relative;
    _margin-top:-1px;
    padding:1em;
  }
  
#preview-main .r 
  {
    border:none!important;
  }

#preview-header 
  {
	padding-top:.5em!important;
    border-bottom:0;
    padding-bottom:0;
    margin-bottom:0;
  }

#preview-actions 
  {
    display:none;
    /* to make the shaded yellow area a little smaller */
    margin-bottom:0!important;
  }