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

.c_ajax_indicator {
 font-weight: bold;
 background: url('../../../images/ajax/indicator.white.gif');
 background-repeat: no-repeat;
 background-position: center;
 height: 100%;
 width: 100%;
}

.c_link {
  cursor: pointer;
}


        /************************************
        **            MAIN                 **
        ************************************/

#c_messages_wrapper {
  padding: 0;
  margin: 0; 
}
#c_messages_wrapper table {
  width: 100%;
}

#c_messages_list {
  height: 100%;
  overflow-y: scroll;
  border: 1px solid #ccc;
}
#c_messages_list a {
  display: block;
}
#c_messages_list table tr:hover {
  background: #ff9;
  font-weight: bold;
}
#c_messages_list table tr td {
  border-bottom: 1px solid #ccc;
}
#c_messages_header {
  clear: both;
}

.c_message_unread {
  font-weight: bold;
}

.c_message_actual {
  background: #ff9;
}

.c_message_list_status_icons {
  float: right;
  margin-right: 5px;
}

.c_messages_list_icon {
  width: 20px;
  text-align: center;
  white-space:nowrap;
}
.c_messages_list_date {
  width: 135px;
  white-space:nowrap;
}
.c_messages_list_sender {
  width: 150px;
  white-space:nowrap;
}
.c_messages_list_scrollbarreplacement {
  width: 15px;
}
.c_messages_list_icon_flagged {
  background: url('../../../images/icons/extrasmall/favorites.gif');
  background-repeat: no-repeat;
  background-position: center;
}

#c_message_preview {
  height: 450px;
  padding: 5px;
  margin-top: 5px;
  border: 1px solid #ccc;
  overflow-y: auto;
}

.c_message_preview_intro {
  background: url('../../../images/icons/large/easymoblog.gif');
  background-repeat: no-repeat;
  background-position: top right;
  height: 100%;
  width: 100%;
}

.c_messages_list_icon_flagged {
  background: url('../../../images/icons/extrasmall/favorites.gif');
  background-repeat: no-repeat;
  background-position: center;
}


/** styles for links with icons: compose message and view folders **/

.c_link_compose {
  background: url('../../../images/icons/extrasmall/xfmail.gif');
  background-repeat: no-repeat;
  padding-left: 20px;
}

.c_link_folders {
  background: url('../../../images/icons/extrasmall/folder_green.gif');
  background-repeat: no-repeat;
  padding-left: 20px;
}

/** styles for styling display of folders **/

.c_folder_actual {
  border: 1px solid #ccc;
}

.c_folder_list{
  height: 2em;
}
.c_folder_list li a{
  display: block;
}
.c_folder_list li {
  float: left;
  list-style-type: none;
  white-space: nowrap;
  margin-right: 10px;
  margin-left: 10px;
}
.c_link_folder_inbox {
  background: url('../../../images/icons/extrasmall/folder_inbox.gif');
  background-repeat: no-repeat;
  padding-left: 20px;
}
.c_link_folder_sent {
  background: url('../../../images/icons/extrasmall/folder_outbox.gif');
  background-repeat: no-repeat;
  padding-left: 20px;
}
.c_link_folder_misc {
  background: url('../../../images/icons/extrasmall/folder_favorites.gif');
  background-repeat: no-repeat;
  padding-left: 20px;
}
.c_link_folder_modify {
  background: url('../../../images/icons/extrasmall/folder_new.gif');
  background-repeat: no-repeat;
  padding-left: 20px;
}

        /************************************
        **        DISPLAY MESSAGE          **
        ************************************/


#c_message_actions {
  float: right;
  border: 1px solid #ccc;
  margin-left: 5px;
  padding: 0px;
  font-size:0.9em;
}

#c_message_actions ul {
  list-style: none;
  display: inline;
}

.c_link_delete {
  background: url('../../../images/icons/extrasmall/mail_delete.gif');
  background-repeat: no-repeat;
  padding-left: 20px;
}
.c_link_file {
  background: url('../../../images/icons/extrasmall/save_all.gif');
  background-repeat: no-repeat;
  padding-left: 20px;
}
.c_link_flag {
  background: url('../../../images/icons/extrasmall/favorites.gif');
  background-repeat: no-repeat;
  padding-left: 20px;
}
.c_link_forward {
  background: url('../../../images/icons/extrasmall/mail_forward.gif');
  background-repeat: no-repeat;
  padding-left: 20px;
}
.c_link_forwardasmail {
  background: url('../../../images/icons/extrasmall/mail_send.gif');
  background-repeat: no-repeat;
  padding-left: 20px;
}
.c_link_print {
  background: url('../../../images/icons/extrasmall/printer1.gif');
  background-repeat: no-repeat;
  padding-left: 20px;
}
.c_link_reply {
  background: url('../../../images/icons/extrasmall/mail_reply.gif');
  background-repeat: no-repeat;
  padding-left: 20px;
}

        /************************************
        **         COMPOSE MESSAGE         **
        ************************************/
 

#c_buddylist {
  max-height: 200px;
  overflow-y: auto;
}
#c_buddylist ul li {
  float: left;
  width: 150px;
  list-style-type: none;
  padding: 3px;
}

#c_buddylist_link {
  background: url('../../../images/icons/extrasmall/personal.gif') no-repeat;
  padding-left: 20px;
  cursor:pointer;
}

.c_autocomplete_highlighter {
  font-weight: bold;
  text-decoration: underline;
  background-color: #ffb;
}

div.c_autocomplete {
  position:absolute;
  width:90%;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
  max-height: 250px;
  overflow-y: auto;
}
div.c_autocomplete ul {
  list-style-type:none;
  display: inline;
  margin:0;
  padding:0;
}
div.c_autocomplete ul li:hover { background-color: #ffb;}
div.c_autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:1px;
  cursor:pointer;
}

#c_compose_bbcode {
  float: left;
  margin-left: 20px;
}

#c_compose_bbsmile {
  float: left;
}


        /************************************
        **          POPUP WINDOW           **
        ************************************/

#c_popup_wrapper {
  position: fixed; 
  left: 0px; 
  top: 0px;
  right: 0px;
  bottom: 0px;
  text-align: center;
  background-color:#4C4C4C;
  opacity:0.9;
  moz-opacity:0.9;
  z-index:500;
}
#c_popup_window {
  position: relative;
  width: 300px;
  height: 100px;
  left: 50%;
  top: 50%;
  margin-left: -150px;
  margin-top: -50px;
  padding: 10px;
  border: 2px solid #eee;
  color: #fff;
  background-color: #000;
}

#c_popup_window_links {
  position: absolute;
  bottom: 25px;
  width: 290px;
  text-align: center;
  color: yellow;
}

#c_popup_window_links a {
  color: yellow;
}

#c_popup_window_links a:hover {
  color: #fff;
}

#c_popup_window_links a:visited {
  color: yellow;
}