﻿/* Message Center Module [BEGIN] */
.mc-wrapper { display: block; border: none; font-family: Tahoma, Sans-Serif; font-size: 12px; color: #404040; margin: 0; padding: 0; text-align: left; }
#mc-header { color: #fff; font-size: 16px; padding: 10px 10px 10px 50px; background: #1F3056 url(../../MessageCenter/Images/mclogo.png) no-repeat 10px center; display: none; }
#mc-content { height: auto; position: relative; border: none; }
.mc-content { width: 100%; height: 450px; }
.mc-content-left { width: 200px; border-right: 1px solid #454449; vertical-align: top; }
.mc-content-right { vertical-align: top; overflow: hidden; height: 100%; }
#mc-footer { position: relative; height: 25px; background-color: #1F3056; color: #fff; display: none; }

.info, .success, .warning, .error, .validation { border: 1px solid; font-size: 13px; margin: 0px; padding: 12px 10px 12px 50px; background-repeat: no-repeat; background-position: 10px center; }
.info { color: #00529B; background-color: #BDE5F8; background-image: url(../../MessageCenter/Images/info.png); }
.success { color: #4F8A10; background-color: #DFF2BF; background-image: url(../../MessageCenter/Images/success.png); }
.warning { color: #9F6000; background-color: #FEEFB3; background-image: url(../../MessageCenter/Images/warning.png); }
.error { color: #D8000C; background-color: #FFBABA; background-image: url(../../MessageCenter/Images/error.png); }
.validation { color: #D63301; background-color: #FFCCBA; }

.inboxFilter { position: absolute; top: 0px; left: 200px; right: 0px; text-align: right; padding: 4px; }
.inboxFilter .select { border: 1px solid #C2C2C2; color: #404040; font-family: Tahoma, Sans-Serif; font-size: 12px; padding: 3px; }

.inboxOk, .inboxWarning, .inboxAlert { position: absolute; bottom: 0px; left: 200px; right: 0px; text-align: right; font-size: 12px; padding: 5px; }
.inboxOk { color: #548E14; /*background-color: #DFF2BF;*/ }
.inboxWarning { color: #9F6000; /*background-color: #FEEFB3;*/ }
.inboxAlert { color: #D8000C; /*background-color: #FFBABA;*/ }

.grid-messages { width: 100%; background-color: #fff; font-size: 11px; margin: 0; padding: 0; border-collapse: collapse; }
.grid-messages th { padding: 10px 10px; font-size: 12px; font-weight: normal; text-align: left; color: #3B5998; background: #F1F5FB; border-left: solid 1px #fff; border-bottom: solid 1px #fff; }
.grid-messages th a, a:link, a:visited { text-decoration: none; color: inherit; }
.grid-messages td { padding: 5px 10px; color: #333; }
.grid-messages tr { border-collapse: collapse; }
.grid-messages .row, .altrow { /*border-top: solid 1px #fff;*/ border: none; }
.grid-messages .row:hover, .altrow:hover { background-color: #fffb88; border: none; cursor: pointer; }
.grid-messages .pgr { background-color: #F1F5FB; border-top: solid 1px #fff; height: 30px; }
.grid-messages .pgr table { padding: 0; margin: 0; }
.grid-messages .pgr td { padding: 0px 6px; border-right: solid 1px #333; font-weight: bold; color: #333; }
.grid-messages .pgr a { color: #333; text-decoration: none; }
.grid-messages .pgr a:hover { color: #8296BF; text-decoration: none; }

/* This is the subject text area in the gridview */
.subject, .messagepreview { white-space: nowrap; }
.messagepreview { color: #8E9B9D; width: 250px; overflow: hidden; text-overflow: ellipsis; }

.msg-progress-overlay { position: absolute; top: 36px; bottom: 0px; left: 200px; right: 0px; z-index: 1000; background-color: #fff; filter: alpha(opacity=30); opacity: 0.3; display: none; }
.msg-update-progress { position: absolute; top: 45%; left: 58%; z-index: 1001; display: none; }
.panel-update-progress { position: absolute; top: 6px; left: 15px; z-index: 1001; }

.footer-count { position: absolute; right: 15px; top: 6px; }

#msg-wrapper { padding: 5px; }
#msg-wrapper .subject { font-size: 16px; font-weight: bold; }
#msg-wrapper .from, .date { font-size: 14px; }
#msg-wrapper div.message { height: 335px; overflow-y: auto; overflow-x: hidden; }

/* This is the title bar in the right content pane */
.contentTitle { padding: 10px 11px; text-align: left; background: #B1B1B3; color: #FFF; font-weight: bold; border-bottom: 1px solid #fff; }

/*orange: #E5BF4C  */
/*yellow: #fffb88  */

/* Menu Items Start */
.menuItem { border-bottom: 1px solid #454449; height: 35px; }
.menuItem .button { z-index: 1000; text-align: left; padding-left: 35px; border: transparent; outline: none; width: 100%; height: 100%; color: #3B5998; font-weight: bold; background-repeat: no-repeat; background-position: 10px center; background-color: #F3F3F3; cursor: pointer; }
.menuItem .button:hover { background-color: #fffb88; }
.menuItem .compose, .menuItemSelected .compose, .menuItemComposeSelected .compose { background-image: url(../../MessageCenter/Images/email.png); }
.menuItem .pending, .menuItemSelected .pending { background-image: url(../../MessageCenter/Images/asterisk_red.png); }
.menuItem .viewed, .menuItemSelected .viewed { background-image: url(../../MessageCenter/Images/email_open.png); }
.menuItem .messages, .menuItemSelected .messages { background-image: url(../../MessageCenter/Images/messages.png); }
.menuItem .recycle, .menuItemSelected .recycle { background-image: url(../../MessageCenter/Images/bin.png); }
.menuItem .sent, .menuItemSelected .sent { background-image: url(../../MessageCenter/Images/mail.png); }
.menuItem .saved, .menuItemSelected .saved { background-image: url(../../MessageCenter/Images/email_save.png); }
.menuItem .config, .menuItemSelected .config { background-image: url(../../MessageCenter/Images/cog.png); }

.menuItemSelected, .menuItemComposeSelected { position: relative; border-bottom: 1px solid #454449; height: 35px; background-color: #DFDFDF; }
.menuItemSelected .button, .menuItemComposeSelected .button { text-align: left; padding-left: 35px; border: 0px transparent; outline: none; width: 100%; height: 100%; color: #3B5998; font-weight: bold; background-repeat: no-repeat; background-position: 10px center; background-color: transparent; cursor: pointer; }
.menuItemSelected:after, .menuItemSelected:before, .menuItemComposeSelected:before, .menuItemComposeSelected:after { content: ''; height: 0px; width: 0px; position: absolute; }

.menuItemSelected:before { border: solid 19px transparent; border-right-color: #454449; left: 163px; top: -2px; }
.menuItemSelected:after { border: solid 19px transparent; border-right-color: #fff; left: 164px; top: -2px; }
.menuItemComposeSelected:before { border: solid 17px transparent; border-right-color: #B1B1B3; left: 166px; top: 0px; }
.menuItemComposeSelected:after { border: solid 17px transparent; border-right-color: #B1B1B3; left: 167px; top: 0px; }
/* Menu Items End */
/* Message Center Module [END] */

/* Compose Message Module [BEGIN] */
#new-msg-content { padding: 10px; }
#new-msg-content .label { font-weight: bold; }
#new-msg-content .input { border: 1px solid #C2C2C2; color: #404040; font-family: Tahoma, Sans-Serif; font-size: 12px; padding: 3px; }
#new-msg-content .select { border: 1px solid #C2C2C2; color: #404040; font-family: Tahoma, Sans-Serif; font-size: 12px; padding: 3px; }
#new-msg-footer { padding: 5px 10px; }
#new-msg-footer .button, #new-msg-content .button { border: 1px solid #3B5998; background-color: #A0A0A1; padding: 2px 10px; margin-left: 5px; font-weight: bold; color: #fff; }
#new-msg-footer .button:hover, #new-msg-content .button:hover { cursor: pointer; background-color: #7F7E83}
#new-msg-editor { border: 1px solid #C2C2C2; min-height: 250px; margin: 0 10px; }

/* Custome Images used for buttons */
#new-msg-content .imgButton { border: 1px solid #3B5998; background-color: #A0A0A1; padding: 2px 5px 2px 20px; margin-left: 5px; font-weight: bold; color: #fff; background-position: 2px center; background-repeat: no-repeat; }
#new-msg-content .imgButton:hover { cursor: pointer; background-color: #7F7E83 }
#new-msg-content .magnifyImg { background-image: url(../../MessageCenter/Images/magnifier.png); }

.textbox-center { text-align: left; }

.newMsgEditor .ajax__htmleditor_editor_container { height: 250px !important; }
.newMsgEditor .ajax__htmleditor_editor_toptoolbar { background-color: #F0F0F0; padding: 0px 0px 2px 2px; }
.newMsgEditor .ajax__htmleditor_editor_bottomtoolbar { background-color: #F0F0F0; padding: 0px 0px 2px 2px; }
.newMsgEditor .ajax__htmleditor_toolbar_button { background-color: #C2C2C2; margin: 2px 1px 0px 1px; }
.newMsgEditor .ajax__htmleditor_toolbar_button_hover { background-color: #6D84B4; }

.errorHighlight { background-color: #FFFFCC; border: 1px solid #C2C2C2; }
.agency-users-comment { font-style: italic; color: #5E5E5E; }

.customCalloutStyle div, .customCalloutStyle td { border: 1px solid black; background-color: lightyellow; color: #FF0000; }
.customCalloutStyle .ajax__validatorcallout_popup_table { display: none; border: none; background-color: transparent; padding: 0px; }
.customCalloutStyle .ajax__validatorcallout_popup_table_row { vertical-align: top; height: 100%; background-color: transparent; padding: 0px; }
.customCalloutStyle .ajax__validatorcallout_callout_cell { width: 20px; height: 100%; text-align: right; vertical-align: top; border: none; background-color: transparent; padding: 0px; }
.customCalloutStyle .ajax__validatorcallout_callout_table { height: 100%; border: none; background-color: transparent; padding: 0px; }
.customCalloutStyle .ajax__validatorcallout_callout_table_row { background-color: transparent; padding: 0px; }
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell { padding: 8px 0px 0px 0px; text-align: right; vertical-align: top; font-size: 1px; border: none; background-color: transparent; }
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv { font-size: 1px; position: relative; left: 1px; border-bottom: none; border-right: none; border-left: none; width: 15px; background-color: transparent; padding: 0px; }
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div { height: 1px; overflow: hidden; border-top: none; border-bottom: none; border-right: none; padding: 0px; margin-left: auto; }
.customCalloutStyle .ajax__validatorcallout_error_message_cell { font-family: Tahoma; font-weight: bold; font-size: 10px; padding: 5px; border-right: none; border-left: none; width: 100%; }
.customCalloutStyle .ajax__validatorcallout_icon_cell { width: 20px; padding: 5px; border-right: none; }
.customCalloutStyle .ajax__validatorcallout_close_button_cell { vertical-align: top; padding: 0 5px 0 0; border-left: none; }
.customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv { border: none; text-align: center; width: 10px; padding: 1px; cursor: pointer; }

/* Compose Message Module [END] */

/* Reply Message Module [END] */
#reply-msg-wrapper { padding: 10px; }
#reply-msg-editor { border: 1px solid #C2C2C2; min-height: 250px; }
#reply-msg-footer { padding: 5px; }
#reply-msg-footer .button, #new-msg-content .button { border: 1px solid #3B5998; background-color: #A0A0A1; padding: 2px 5px; margin-left: 5px; font-weight: bold; color: #fff; }
#reply-msg-footer .button:hover, #new-msg-content .button:hover { cursor: pointer; background-color: #7F7E83}

.replyEditor .ajax__htmleditor_editor_container { height: 400px !important; }
.replyEditor .ajax__htmleditor_editor_toptoolbar { background-color: #F0F0F0; padding: 0px 2px 2px 2px; }
.replyEditor .ajax__htmleditor_editor_bottomtoolbar { background-color: #F0F0F0; padding: 0px 2px 2px 2px; }
.replyEditor .ajax__htmleditor_toolbar_button { background-color: #C2C2C2; margin: 2px 1px 0px 1px; }
.replyEditor .ajax__htmleditor_toolbar_button_hover { background-color: #6D84B4; }
/* Reply Message Module [END] */


/* Notification Module [START] */
.messages-notification-wrapper { width: 175px; padding: 0 5px 0 20px; background-image: url(../../MessageCenter/Images/mail.png); background-repeat: no-repeat; background-position: left center; text-align: left; }
.notificationStyle { font-size: 11px; }
.notificationStyle:hover { text-decoration: underline; }
/* Notification Module [END] */