/**
 * $Id$
 *
 * pnMessages - an advanced private messaging solution for Postnuke
 *
 * License
 * -------
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License (GPL)
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * @author pnMessages development team
 * @link http://noc.postnuke.com/projects/pnmessages/ Support and documentation
 * @license http://www.gnu.org/copyleft/gpl.html GNU General Public License
 *
 */
/*******************************************************************************/
/* INBOX - OUTBOX - ARCHIVE
/*******************************************************************************/

#msg_view {
  background:#FFFFFF;
  border:1px solid #AAAAAA;
  margin:0px;
  padding:5px;
}
#msg_view #msg_listing {
  margin:0pt;
  padding:0pt;
}
#msg_view .msg_header {
  background:#E5E5E5;
  border:1px solid #CCCCCC;
  color:#000000;
  float:left;
  font-weight:bold;
  margin:5px 0pt;
  padding:3px;
  width:99%;
}
#msg_view .msg_header a {
  color:#000000;
  font-weight:bold;
  text-decoration:underline;
}
#msg_view .odd {
  background:#FFFFFF;
}
#msg_view .even {
  background:#EEEEEE;
}
#msg_view .msg_line {
  float:left;
  margin:0pt;
  padding:3px;
  width:99%;
}
#msg_view .msg_line:hover {
  background:#DDDDDD;
}
#msg_view .msg_header .msg_check,
#msg_view .msg_line .msg_check {
  float:left;
  margin:0pt;
  padding:0pt;
  /*width:1.7em;*/
  width:3%;
}
#msg_view .msg_header .msg_icon,
#msg_view .msg_line .msg_icon {
  float:left;
  margin:0pt 0.5em;
  padding:0pt;
  /*width:1.5em;*/
  width:3%;
}
#msg_view .msg_header .msg_subject,
#msg_view .msg_line .msg_subject {
  float:left;
  margin:0pt;
  /*width:24em;*/
  width:32%;
}
#msg_view .msg_header .msg_time,
#msg_view .msg_line .msg_time {
  float:left;
  margin:0pt;
  padding:0pt;
  /*width:14em;*/
  width:23%;  
}
#msg_view .msg_header .msg_uname,
#msg_view .msg_line .msg_uname {
  float:left;
  margin:0pt;
  padding:0pt;
  /*width:16em;*/
  width:28%;
}
#msg_view .msg_header .msg_view,
#msg_view .msg_line .msg_view {
  float:left;
  margin:0pt 0pt 0pt 0.5em;
  padding:0pt;
  /*width:1.7em;*/
  width:3%;
}
#msg_view .msg_body {
  background:#FFFCF0;
  border-bottom:1px solid #CCCCCC;
  border-top:1px solid #CCCCCC;
  height:1%;
  clear:both;
  margin:0pt;
  padding:0pt 0pt 0pt 5em;
}
#msg_view .msg_body .msg_text {
  height:auto !important;
  margin:0px;
  max-height:15em;
  overflow:auto;
  padding:3px;
}
#msg_view .msg_body .msg_links {
  border-top:1px dashed #CCCCCC;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:2px 0pt;
  padding:2px 0pt;
}
#msg_view .msg_body .msg_links li {
  display:inline;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0pt;
  padding:0pt;
}
#msg_view .actions {
  background:#E5E5E5;
  border:1px solid #CCCCCC;
  margin:5px 0pt;
  padding:3px;
  text-align:center;
}
#msg_view .pn-pager {
  text-align:center;
}

.clickable {
  /* do not delete me */
}

/*******************************************************************************/
/* NEW MAIL   OR    REPLY
/*******************************************************************************/
#pnmessages .pnm_newmailform {
  padding: 0;
  position: relative;
  width: 99%;
}
#pnmessages .pnm_fieldset {
  border: 0px solid;
  padding: 0;
  width: 99%;
}
#pnmessages label {
  font-weight: bold;
}
#pnmessages .pnm_textarea ,
#pnmessages .pnm_input {
  border: 1px solid #ccc;
  color: #333;
  padding: 5px;
  width: 100%;
}
#pnmessages .pnm_hint {
  font-style: italic;
  font-size: 0.9em;
  margin: 0 0 0.5em 0;
}
div.autocomplete_group,
div.autocomplete_user {
  position:absolute;
  width: 25em;
  background-color: white;
  border: 1px solid #888;
  margin: 0;
  padding: 0;
  z-index: 99;
}
div.autocomplete_group ul, 
div.autocomplete_user ul {
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
div.autocomplete_group ul li.selected,
div.autocomplete_user ul li.selected {
  background-color: #eee;
}
div.autocomplete_group ul li,
div.autocomplete_user ul li {
  margin: 0;
  padding: 0.1em 0 0.1em 0;
  line-height: 1.4em;
  cursor:pointer;
}
#livegroupsearch, 
#liveusersearch {
  margin: 0;
}
.invisible {
  display:none;
}

/*******************************************************************************/
/* TABLES - READ MAILS
/*******************************************************************************/

table#read_mail {
  width: 100%;
  margin: auto;
  border: 1px solid #aaa;
  padding: 2px;
}

#pnmessages #read_mail td,
#pnmessages #read_mail th {
  vertical-align: top;
}

#pnmessages #read_mail th {
  background-color:#eee;
  font-size: 1em;
  padding: 0.5em;
  border: 1px solid #ccc;
  text-align: center;
}

#pnmessages #read_mail .pnm_actions td,
#pnmessages #read_mail .pnm_user td {
  background-color:#eee;
  border: 1px solid #ccc;
  padding: 2px 0;
}

/*******************************************************************************/
/* GENERAL
/*******************************************************************************/

#pnmessages fieldset,
#pnmessagesadmin fieldset {
  border: 1px solid #ccc;
  padding: 0.5em;
  margin: 0.5em 0;
  color: #444;
}
#pnmessages legend,
#pnmessageadmin legend {
  color: #444;
}
#pnmessages ul.navigation {
	font-weight: bold;
	list-style: none;
	margin: 1em 0pt;
	padding: 0;
	text-align: center;
}
#pnmessages ul.navigation li {
	display: inline;
	font-weight: bold;
	margin: 0 1em;
}
#pnmessages .indicatorbar {
 float: right;
 width: 50%;
}
#pnmessages .indicators {
 float: left;
 width: 50%;
}
#pnmessages .ibar {
 background-color: #000;
 height: 1em;
}
#pnmessages .maintenance {
 background: #b9ffb9;
 border: 1px dotted #060;
 color: #060;
 text-align: center;
 margin: 1em 5em;
 padding: 0.5em;
}
#pnmessages .statusmsg {
 font-weight: bold;
 text-align: center;
 color: #FF0000;
}
#pnmessages .signature {
 border-top: 1px dashed #666;
 font-style: italic;
 padding-bottom: 1em;
}
#pnmessages .userpromt {
 background: #b9ffb9;
 border: 1px dotted #060;
 color: #060;
 font-weight: bold;
 text-align: center;
 margin: 1em 5em;
 padding: 0.5em;
}
.pnm_footer {
  font-size: 0.8em;
  text-align: center;
  margin-top: 1em;
}

#pnmessages .optionsleft {
    margin: 10px 10px 0 0; 
    float: left; 
    width:45%; 
    text-align: left;
}

/*******************************************************************************/
/* CSS for block
/*******************************************************************************/
.pnmessagesblock {
    /* don't delete me */
}

.pnmessagesblock ul li {
    list-style-type: none;
}

/*******************************************************************************/
/* CSS for validation.js
/*******************************************************************************/

#pnmessages .custom-advice {
  color: #FF3300;
	font-weight: bold;
	font-style: italic;	
}

/*******************************************************************************/
/* CSS for Resizeable Textareas
/*******************************************************************************/

#pnmessages .textarea-resizer {
	height: 9px;
	font-size: 9px;
	line-height: 9px;
  margin-top: -5px;
  background: #F0F3F8 url(../pnimages/grippie.gif) no-repeat center 2px;
  border: 1px solid #ddd;
  border-top-width: 0;
  cursor: s-resize;
  overflow:hidden;
}

/*******************************************************************************/
/* CSS for ControlModal
/*******************************************************************************/

#modal_container {
	padding:5px;
	background-color:#fff;
	border:1px solid #666;
	overflow:auto;
	font-family:"Lucida Grande",Verdana;
	font-size:12px;
	color:#333;
	text-align:left;
}
#modal_overlay {
	background-color:#000;
}

/*******************************************************************************/
/* Styling of links and buttons with images 
/*******************************************************************************/
/*
 * Note: When use a CSS3 feature to highlight external the following image 
 *       normally would not be visisble. The ! important fixes this.
 * a[href^="http:"],
 * a[href^="https:"] {
 *     padding-left: 1.5em;
 *     background: url('images/internet.gif') no-repeat bottom left;
 * }
 *
/*******************************************************************************/

#pnmessages a.image, 
#pnmessages button.image,
#pnmessagesadmin a.image, 
#pnmessagesadmin button.image,
.pnmessagesblock a.image {
  margin: 0 0.5em;
  font-size: 1em;
  padding: 2px 0 2px 19px ! important; /* 16px image + spacer */
}
#pnmessages a.view {
  background: url(../pnimages/view.gif) no-repeat 0 50%
}
#pnmessages a.mailreply {
  background: url(../pnimages/mail_reply.gif) no-repeat 0 50%
}
#pnmessages a.mailsave {
  background: url(../pnimages/save.gif) no-repeat 0 50%;
}
#pnmessages a.printer {
  background: url(../pnimages/printer.gif) no-repeat 0 50%;
}
#pnmessages a.maildelete {
  background: url(../pnimages/mail_delete.gif) no-repeat 0 50%;
}
#pnmessages a.profile {
  background: url(../pnimages/profile.gif) no-repeat 0 50%;
}
#pnmessages a.mailsend {
  background: url(../pnimages/mail_send.gif) no-repeat 0 50%;
}
#pnmessages a.homepage {
  background: url(../pnimages/browser.gif) no-repeat 0 50%;
}
#pnmessages a.icq {
    /* inline css */
}
#pnmessages a.aim {
  background: url(../pnimages/aim.gif) no-repeat 0 50%;
}
#pnmessages a.ym {
  background: url(../pnimages/Ym.gif) no-repeat 0 50%;
}
#pnmessages a.newmsg,
.pnmessagesblock a.newmsg {
  background: url(../pnimages/newmsg.gif) no-repeat 0 50%;
}
#pnmessages a.inbox,
.pnmessagesblock a.inbox {
  background: url(../pnimages/inbox.gif) no-repeat 0 50%;
}
#pnmessages a.outbox {
  background: url(../pnimages/outbox.gif) no-repeat 0 50%;
}
#pnmessages a.memberlist {
  background: url(../pnimages/memberslist_pnm.gif) no-repeat 0 50%;
}
#pnmessages a.userpref {
  background: url(../pnimages/user_pref.gif) no-repeat 0 50%;
}
#pnmessages a.configure {
  background: url(../pnimages/configure.gif) no-repeat 0 50%;
}
#pnmessages a.msn {
  background: url(../pnimages/msn.gif) no-repeat 0 50%;
}
#pnmessages a.ok {
  background: url(../pnimages/button_ok.gif) no-repeat 0 50%;
}
#pnmessages a.cancel {
  background: url(../pnimages/button_cancel.gif) no-repeat 0 50%;
}
.pnmessagesblock a.mailread {
  background: url(../pnimages/mail_generic.gif) no-repeat 0 50%;
}
.pnmessagesblock a.mailunread {
  background: url(../pnimages/mail_new.gif) no-repeat 0 50%;
}

/*******************************************************************************/
/* Clearfix solution
/*******************************************************************************/

.pnmessages_clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.pnmessages_clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .pnmessages_clearfix {height: 1%;}
.pnmessages_clearfix {display: block;}
/* End hide from IE-mac */

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.pnmessages_floatbox {overflow:hidden;}

/* .floatbox-Anpassung für IE */
* html .pnmessages_floatbox { width:100% }


/*******************************************************************************/
/* Administration
/*******************************************************************************/

#pnmessagesadmin dl dt {
  clear: both;
  display: block;
  float: left;
  text-align: right;
  width: 30%;
  padding: 0;
  margin: 0.5em;
  line-height: 2em;
}

#pnmessagesadmin dl dd {
  display: block;
  float: left;
  text-align: left;
  width: 65%;
  margin: 0.5em;
  padding: 0;
  line-height: 2em;
}

#pnmessagesadmin dl dd div.pn-informationmsg {
   margin-left: 0;
}

#pnmessagesadmin label {
  font-weight: normal;
}