*
{
    margin:0px;
    padding:0px;
}

body
{
    font-family:Arial;
    font-size: 76%;
}

a
{
    text-decoration:none;
    color:#5496E4}

a:hover
{
    color:#E3A354;
}

img
{
    border:0px solid #000;
}

#logout_help
{
    margin-left:5px;
}

#logout_help img
{
    border:0px solid #000;
    vertical-align:middle;
}

#logout_help a
{
    color: #000000;
    font-size: 11pt;
    cursor: pointer;
    cursor: hand;
    text-decoration: none;
}

#logout_help a:hover
{
    color: #336699;
}

#copyright
{
    text-align:center;
}

#copyright a
{
    color:#fff;
    text-decoration:none;
}

#copyright a:hover
{
    color:#fff;
    text-decoration:underline;
}

#forgotpw
{
    text-align:center;
    margin-top:10px;
}

#forgotpw a
{
    color:#000000;
    text-decoration:none;
}

#forgotpw a:hover
{
    color:#000000;
    text-decoration:underline;
}

.pdf_icon
{
    margin:17px;
}

#about
{
    text-align:center;
}

#about a
{
    color:#fff;
}

#about a:hover
{
    color:#fff;
    text-decoration:underline;
}

#logout_help
{
    clear:right;
    float:right;
    width:300px;
    margin-top:5px;
    font-size:12pt;
    font-weight:bold;
    text-align:right;
}

#login
{
    text-align:center;
}

.tiny
{
    font-size:2pt;
}

#telephone_playback
{
    height:40px;
}

.telephone_status_box
{
    font-weight:bold;
    color:#fff;
    background-color:#1485cc;
}

.telephone_status_box_embedded
{
    font-weight:bold;
    color:#FFFFFF;
    background-color:#1485CC;
    border: 1px solid #FFFFFF;
    text-align: center;
    vertical-align: middle;
    float:left;
    line-height:2em;
    width:115px;
}

.data_table td
{
    margin: 5px;
    padding: 5px;
}

.avail_override_section
{
    margin: 5px;
    padding: 0px 5px 0px 5px !important;
}

.avail_override_col_align
{
    width:44%;
}

#timeschedule
{
    overflow:auto;
    height:400px;
}

#menu_container
{
    float: left;
    background-color: #becfe4;
    width:100%;
    padding-bottom: 5px;
}

#menu_cell
{
    white-space: nowrap;
}

#notification_cell
{
    text-align: right;
}

#list_control
{
    font-weight: bold;
    float: left;
    margin-bottom: 5px;
    width: 100%;
    border-bottom: 1px solid #336699;
}

#filter_list
{
    float:right;
    margin-left:10px;
}

#sort_list
{
    float:right;
    margin-right:10px;
}

#paging_control
{
    font-weight:bold;
    float:left;
    margin-top:5px;
    width:100%;
    border-top: 1px solid #336699;
}

#page_length
{
    float:left;
    margin-left:10px;
    font-size: 1em;
}

#paging_align
{
    float:right;
    margin-right:10px;
    font-size: 1em;
}

.original_sender
{
    padding-bottom:1em;
}

#address_single_select
{
}

#address_section
{
}

#address_search_section
{
    margin-bottom:5px;
}

#address_lists
{
    clear:left;
}

.no_border
{
    border:0;
}

.hidden
{
    display:none;
}

legend
{
    color: #336699;
    padding: 3px 6px 3px 6px;
    font-weight: bold;
}

fieldset
{
    border: 1px solid #becfe4;
}

#settings
{
    margin-left:auto;
    margin-right:auto;
    text-align: left;
}

.setting_header
{
    color: #336699;
    border-bottom: 1px solid #336699;
    white-space: nowrap;
    font-weight: bold;
    padding-right: 4px;
}

.setting_section
{
    padding-left:10px;
    height: 2.5em;
    white-space: nowrap;
}

.setting_border
{
    padding:5px;
}

.setting_spacer
{
    padding-left:10px;
}

.confirmation_section
{
    padding-top:20px;
    text-align: center;
}

.distribution_list_id
{
    text-align:right;
}

.greeting_recorded
{
    text-align:center;
}

.time_zone
{
    width:565px;
}

#imn_call_list
{
    text-align:left;
}

.call_list_item
{
    border-bottom: 1px #becfe4 solid;
    white-space: nowrap;
    height: 2.5em;
    vertical-align: middle;
}

#schedule
{
}

#schedule th a
{
    color:#000;
}

#schedule td
{
    padding-left:10px;
}

#schedule td.selected
{
    background-color:#becfe4;
}

#schedule td a
{
    color:#000;
}

#contact_list
{
    width: 90%;
}

#contact_list td
{
    margin: 3px;
}

#contact_list a
{
    color:#000;
}

#contact_list td.selected_contact
{
    color:#000;
    background-color:#becfe4;
}

.submit
{
    vertical-align:middle;
}

.submit.transfer
{
    width:115px;
}

.submit.cancel
{
    width: 6em;
}

.submit.confirm
{
    width: 6em;
}

.submit.status
{
    width:20em;
}

.submit.disabled
{
    background-color:#f2f2f2;
}

.text
{
    vertical-align:middle;
    margin: 3px;
}

.text.hide
{
    display:none;
}

.text.address_search
{
    margin-right:5px;
}

.text.phone
{
    width:150px;
}

.text.extension
{
    width:85px;
}

.text.email
{
    width:200px;
}

.text.password
{
    width:150px;
}

.text.count
{
    width:40px;
}

.text.contact
{
    width:150px;
}

.list
{
    vertical-align:middle;
    margin: 3px;
}

.list.page_length
{
    width:50px;
}

.resource
{
    margin:20px;
}

.resource a img
{
    border:none;
    vertical-align:middle;
    padding-left:20px;
}

.resource a
{
    color:#0c3bd6;
    text-decoration:none;
}

.resource a:hover
{
    color:#0c3bd6;
    text-decoration:underline;
}

.option
{
    padding-right:5px;
}

.address_list
{
    width:250px;
}

.text.address_line
{
    width:400px;
    background-color:#F2F2F2;
}

.leftBar
{
    position:absolute;
    top:10px;
    left:10px;
    width:220px;
}

.loginBar
{
    width:100%;
    padding-top: 100px;
    text-align:left;
}

.initialSettings
{
    padding-top:100px;
    width:600px;
    margin:0 auto;
    text-align:left;
}

.alert
{
    width:100%;
    color:#000;
    font-weight:bold;
    text-align:center;
    padding-bottom:20px;
}

.userInfo
{
    color:#777777;
    text-align:left;
    font-size: 1.2em;
    font-weight:bold;
    margin-left:5px;
}

#record
{
    float:left;
    width:40px;
    height:40px;
    margin:0;
    padding:0;
    border:0;
    background-color:transparent;
    background-image:url(images/record_normal.png);
    background-repeat:no-repeat;
    background-position:center top;
    cursor:pointer;
    cursor:hand;
    display:block;
}

#record.small
{
    width: 25px;
    height: 25px;
    background-image:url(images/record_normal_small.png);
}

#record_disabled
{
    float:left;
    width:40px;
    height:40px;
    margin:0px;
    padding:0px;
    border:0px;
    background-color:transparent;
    background-image:url(images/record_disabled.png);
    background-repeat:no-repeat;
    background-position:center top;
    cursor:default;
    display:block;
}

#record_disabled.small
{
    width: 25px;
    height: 25px;
    background-image:url(images/record_disabled_small.png);
}

#rewind_beginning
{
    float:left;
    width:40px;
    height:40px;
    margin:0px;
    padding:0px;
    border:0px;
    background-color:transparent;
    background-image:url(images/rewindbeginning_normal.png);
    background-repeat:no-repeat;
    background-position:center top;
    cursor:pointer;
    cursor:hand;
    display:block;
}

#rewind_beginning.small
{
    width: 25px;
    height: 25px;
    background-image:url(images/rewindbeginning_normal_small.png);
}

#rewind_beginning_disabled
{
    float:left;
    width:40px;
    height:40px;
    margin:0px;
    padding:0px;
    border:0px;
    background-color:transparent;
    background-image:url(images/rewindbeginning_disabled.png);
    background-repeat:no-repeat;
    background-position:center top;
    cursor:default;
    display:block;
}

#rewind_beginning_disabled.small
{
    width: 25px;
    height: 25px;
    background-image:url(images/rewindbeginning_disabled_small.png);
}

#rewind
{
    float:left;
    width:40px;
    height:40px;
    margin:0px;
    padding:0px;
    border:0px;
    background-color:transparent;
    background-image:url(images/rewind_normal.png);
    background-repeat:no-repeat;
    background-position:center top;
    cursor:pointer;
    cursor:hand;
    display:block;
}

#rewind.small
{
    width: 25px;
    height: 25px;
    background-image:url(images/rewind_normal_small.png);
}

#rewind_disabled
{
    float:left;
    width:40px;
    height:40px;
    margin:0px;
    padding:0px;
    border:0px;
    background-color:transparent;
    background-image:url(images/rewind_disabled.png);
    background-repeat:no-repeat;
    background-position:center top;
    cursor:default;
    display:block;
}

#rewind_disabled.small
{
    width: 25px;
    height: 25px;
    background-image:url(images/rewind_disabled_small.png);
}

#play
{
    float:left;
    width:40px;
    height:40px;
    margin:0px;
    padding:0px;
    border:0px;
    background-color:transparent;
    background-image:url(images/play_normal.png);
    background-repeat:no-repeat;
    background-position:center top;
    cursor:pointer;
    cursor:hand;
    display:block;
}

#play.small
{
    width: 25px;
    height: 25px;
    background-image:url(images/play_normal_small.png);
}

#play_disabled
{
    float:left;
    width:40px;
    height:40px;
    margin:0px;
    padding:0px;
    border:0px;
    background-color:transparent;
    background-image:url(images/play_disabled.png);
    background-repeat:no-repeat;
    background-position:center top;
    cursor:default;
    display:block;
}

#play_disabled.small
{
    width: 25px;
    height: 25px;
    background-image:url(images/play_disabled_small.png);
}

#pause
{
    float:left;
    width:40px;
    height:40px;
    margin:0px;
    padding:0px;
    border:0px;
    background-color:transparent;
    background-image:url(images/pause_normal.png);
    background-repeat:no-repeat;
    background-position:center top;
    cursor:pointer;
    cursor:hand;
    display:block;
}

#pause.small
{
    width: 25px;
    height: 25px;
    background-image:url(images/pause_normal_small.png);
}

#pause_disabled
{
    float:left;
    width:40px;
    height:40px;
    margin:0px;
    padding:0px;
    border:0px;
    background-color:transparent;
    background-image:url(images/pause_disabled.png);
    background-repeat:no-repeat;
    background-position:center top;
    cursor:default;
    display:block;
}

#pause_disabled.small
{
    width: 25px;
    height: 25px;
    background-image:url(images/pause_disabled_small.png);
}

#stop
{
    float:left;
    width:40px;
    height:40px;
    margin:0px;
    padding:0px;
    border:0px;
    background-color:transparent;
    background-image:url(images/stop_normal.png);
    background-repeat:no-repeat;
    background-position:center top;
    cursor:pointer;
    cursor:hand;
    display:block;
}

#stop.small
{
    width: 25px;
    height: 25px;
    background-image:url(images/stop_normal_small.png);
}

#stop_disabled
{
    float:left;
    width:40px;
    height:40px;
    margin:0px;
    padding:0px;
    border:0px;
    background-color:transparent;
    background-image:url(images/stop_disabled.png);
    background-repeat:no-repeat;
    background-position:center top;
    cursor:default;
    display:block;
}

#stop_disabled.small
{
    width: 25px;
    height: 25px;
    background-image:url(images/stop_disabled_small.png);
}

#fforward
{
    float:left;
    width:40px;
    height:40px;
    margin:0px;
    padding:0px;
    border:0px;
    background-color:transparent;
    background-image:url(images/fforward_normal.png);
    background-repeat:no-repeat;
    background-position:center top;
    cursor:pointer;
    cursor:hand;
    display:block;
}

#fforward.small
{
    width: 25px;
    height: 25px;
    background-image:url(images/fforward_normal_small.png);
}

#fforward_disabled
{
    float:left;
    width:40px;
    height:40px;
    margin:0px;
    padding:0px;
    border:0px;
    background-color:transparent;
    background-image:url(images/fforward_disabled.png);
    background-repeat:no-repeat;
    background-position:center top;
    cursor:default;
    display:block;
}

#fforward_disabled.small
{
    width: 25px;
    height: 25px;
    background-image:url(images/fforward_disabled_small.png);
}

#fforward_end
{
    float:left;
    width:40px;
    height:40px;
    margin:0px;
    padding:0px;
    border:0px;
    background-color:transparent;
    background-image:url(images/fforwardend_normal.png);
    background-repeat:no-repeat;
    background-position:center top;
    cursor:pointer;
    cursor:hand;
    display:block;
}

#fforward_end.small
{
    width: 25px;
    height: 25px;
    background-image:url(images/fforwardend_normal_small.png);
}

#fforward_end_disabled
{
    float:left;
    width:40px;
    height:40px;
    margin:0px;
    padding:0px;
    border:0px;
    background-color:transparent;
    background-image:url(images/fforwardend_disabled.png);
    background-repeat:no-repeat;
    background-position:center top;
    cursor:default;
    display:block;
}

#fforward_end_disabled.small
{
    width: 25px;
    height: 25px;
    background-image:url(images/fforwardend_disabled_small.png);
}

.first_page
{
    width:20px;
    height:20px;
    margin:0px;
    padding:0px;
    border:0px;
    background-color:transparent;
    background-image:url(images/firstpage_blue.png);
    background-repeat:no-repeat;
    background-position:center top;
    cursor:pointer;
    cursor:hand;
    vertical-align:middle;
}

.previous_page
{
    width:20px;
    height:20px;
    margin:0px;
    padding:0px;
    border:0px;
    background-color:transparent;
    background-image:url(images/previouspage_blue.png);
    background-repeat:no-repeat;
    background-position:center top;
    text-indent:-1000em;
    cursor:pointer;
    cursor:hand;
    vertical-align:middle;
}

.next_page
{
    width:20px;
    height:20px;
    margin:0px;
    padding:0px;
    border:0px;
    background-color:transparent;
    background-image:url(images/nextpage_blue.png);
    background-repeat:no-repeat;
    background-position:center top;
    text-indent:-1000em;
    cursor:pointer;
    cursor:hand;
    vertical-align:middle;
}

.last_page
{
    width:20px;
    height:20px;
    margin:0px;
    padding:0px;
    border:0px;
    background-color:transparent;
    background-image:url(images/lastpage_blue.png);
    background-repeat:no-repeat;
    background-position:center top;
    text-indent:-1000em;
    cursor:pointer;
    cursor:hand;
    vertical-align:middle;
}

.roundedHeader
{
    height:20px;
    padding-right:20px;
}

.tabHeader
{
    height:10px;
    padding-right:20px;
}

.navigationRoundedHeader
{
}

.roundedTL
{
    float:left;
    width:100%;
    height:100%;
    background-image:url(images/tl_curved.png);
    background-repeat:no-repeat;
}

.roundedTL.menuTL
{
    float:left;
    width:100%;
    height:100%;
    background-image:url(images/tl_curved_menu.png);
    background-repeat:no-repeat;
}

.roundedTL.contentTL
{
    float:left;
    width:100%;
    height:100%;
    background-image:url(images/tl_gradient.png);
    background-repeat:no-repeat;
}

.roundedTL.contentTLselected
{
    float:left;
    width:100%;
    height:100%;
    background-image:url(images/tl_gradient_selected.png);
    background-repeat:no-repeat;
}

.roundedTL.tabTL
{
    height:10px;
    background-image:url(images/tl_tab.png);
}

.roundedTL.tabTLselected
{
    height:10px;
    background-image:url(images/tl_tab_selected.png);
}

.roundedTR
{
    float:left;
    width:20px;
    height:100%;
    margin-right:-20px;
    text-align:right;
    background-image:url(images/tr_curved.png);
    background-repeat:no-repeat;
}

.roundedTR.menuTR
{
    float:left;
    width:20px;
    height:100%;
    margin-right:-20px;
    text-align:right;
    background-image:url(images/tr_curved_menu.png);
    background-repeat:no-repeat;
}

.roundedTR.tabTR
{
    height:10px;
    background-image:url(images/tr_tab.png);
}

.roundedTR.tabTRselected
{
    height:10px;
    background-image:url(images/tr_tab_selected.png);
}

.roundedTR.contentTR
{
    background-image:url(images/tr_curved.png);
}

.roundedTR.contentTRselected
{
    background-image:url(images/tr_curved_selected.png);
}

.roundedCL
{
    background-image:url(images/l.png);
    background-position:top left;
    background-repeat:repeat-y;
    padding-left:5px;
}

.roundedCLselected
{
    background-image:url(images/l_selected.png);
    background-position:top left;
    background-repeat:repeat-y;
    padding-right:5px;
}

.roundedCR
{
    background-image:url(images/r.png);
    background-position:top right;
    background-repeat:repeat-y;
    padding-right:5px;
}

.roundedCRselected
{
    background-image:url(images/r_selected.png);
    background-position:top right;
    background-repeat:repeat-y;
    padding-right:5px;
}

.roundedC
{
    width:100%;
    background-color:#fff;
}

.roundedC.menuC
{
    background-color:#f6f6f6;
}

.tabL
{
    width:5px;
    background-image:url(images/l.png);
    background-position:top left;
    background-repeat:repeat-y;
}

.tabR
{
    width:5px;
    background-image:url(images/r.png);
    background-position:top right;
    background-repeat:repeat-y;
}

.tabC
{
    padding-left:5px;
    padding-right:5px;
    padding-bottom:3px;
    background-color:#fff;
    background-image:url(images/tab_border.png);
    background-position:0 100%;
    background-repeat:repeat-x;
}

.tabC a
{
    font-size: 0.9em;
    color:#000;
    cursor:pointer;
    cursor:hand;
}

.tabC a:hover
{
    color:#000;
    text-decoration:underline;
}

.tabCselected
{
    padding-left:5px;
    padding-right:5px;
    padding-bottom:3px;
    background: #becfe4;
}

.tabCselected a
{
    font-size: 0.9em;
    padding-left:5px;
    padding-right:5px;
    color:#000;
    font-weight:bold;
    cursor:pointer;
    cursor:hand;
}

.tabCselected a:hover
{
    color:#000;
    font-weight:bold;
    text-decoration:underline;
}

.roundedFooter
{
    clear:left;
    height:20px;
    padding-right:20px;
}

.roundedBL
{
    float:left;
    width:100%;
    height:20px;
    background-image:url(images/bl_curved.png);
    background-repeat:no-repeat;
}

.roundedBL.menuBL
{
    float:left;
    width:100%;
    height:20px;
    background-image:url(images/bl_curved_menu.png);
    background-repeat:no-repeat;
}

.roundedBR
{
    float:left;
    width:20px;
    height:20px;
    margin-right:-20px;
    background-image:url(images/br_curved.png);
    background-repeat:no-repeat;
}

.roundedBR.menuBR
{
    float:left;
    width:20px;
    height:20px;
    margin-right:-20px;
    background-image:url(images/br_curved_menu.png);
    background-repeat:no-repeat;
}

.menuItem
{
    width:140px;
    padding-top:8px;
    padding-bottom:8px;
    background-color:#f6f6f6;
    background-position:0 0;
    background-repeat:repeat-y;
    border-top:1px #aaa solid;
    border-bottom:1px #aaa solid;
    font-size: 1em;
    text-align:left;
}

.menuItem a
{
    margin-left:5px;
    margin-right:5px;
    color:#000;
    display:block;
    cursor:pointer;
    cursor:hand;
}

.menuItem a:hover
{
    color:#000;
    display:block;
    text-decoration:underline;
}

.menuItem.menuSelected
{
    background-color:#70b2e5;
    background-position:0 0;
    background-repeat:repeat-y;
}

.menuItem.menuSelected a
{
    color:#fff;
    display:block;
    text-decoration:underline;
    /*font-weight:bold;*/
    font-size: 1em;
    cursor:pointer;
    cursor:hand;
}

.menuItem.menuSelected a:hover
{
    color:#fff;
    display:block;
    text-decoration:underline;
}

.notice
{
    width:400px;
    text-align:center;
    background:#F4DABB;
    color:#000;
}

.menu
{
    width:100%;
    border-collapse:collapse;
}

#help_tabs
{
    float:right;
    margin-bottom:-7px;
    margin-top:5px;
    margin-right:5px;
}

#tabs
{
    position:relative;
    margin-bottom:-7px;
    margin-top:5px;
    margin-left:5px;
    margin-right:15px;
}

.invalid
{
    background:#ff8888;
    color:blue;
}

.paging
{
    text-align:center;
}

.paging_form
{
    float:left;
}

.paging_form.first
{
    padding-left:10px;
}

.paging_text
{
    width:40px;
    text-align:center;
}

.paging_submit
{
    width:25px;
}

#paging_fieldset
{
    clear:both;
}

#call_list
{
    float: left;
    width: 100%;
}

#message_list
{
    float: left;
    width: 100%;
}

#message_list_components
{
}

#message_list_context_menu
{
    padding:2px;
    font-family:Arial;
    font-size: 1em;
    line-height:14pt;
    color:#000000;
    background-color:#fff;
    border:#aaa 1px solid;
    cursor:default;
}

#message_list_context_menu ul
{
    margin:0px;
    padding:0px;
}

#message_list_context_menu ul li
{
    display:block;
    padding-left:15px;
    padding-right:15px;
}

#message_list_context_menu ul li.selected
{
    background-color:#becfe4;
    color:#FFFFFF;
}

.urgent
{
    color:#dd0000;
}

.input_focus
{
    background: #becfe4;
}

.content_link
{
    cursor:pointer;
    cursor:hand;
}

.content_submit
{
}

.notification
{
    font-weight: bold;
}

.notification_message
{
    color: #336699;
}

.notification_error
{
    color: #FF0000;
}

.notification_logout
{
    color: #000000;
}

#telephone_playback_embedded
{
    float: right;
}

.admin_setting
{
    line-height: 2em;
}

.presence
{
    font-weight: bold;
    margin: 5px;
    padding: 5px;
    cursor: pointer;
    cursor: hand;
    border: 1px solid #000000;
 }

.presence.selected
{
    border-width: 3px ! important;
}

.presence a
{
    width: 100%;
    height: 100%;
    display: block;
    color: #000000;
    font-weight: bold;
}

.presence a:hover
{
    width: 100%;
    height: 100%;
    display: block;
    color: #000000;
    font-weight: bold;
}

.timerowlabel
{
    font-size: smaller;
    font-weight: bold;
    width: 20%;
    height: 20px;
    padding-right: 5px;
    border-bottom: 1px solid #AAAAAA;
    text-align: right;
}

.timecollabel
{
    font-size: smaller;
    font-weight: bold;
    width: 20%;
    height: 20px;
    padding: 2px;
    border-left: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
}

.timeblock
{
    font-size: smaller;
    width: 80%;
    height: 20px;
    border-left: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    padding: 2px;
    cursor: pointer;
    cursor: hand;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    vertical-align:middle;
    float:left;
}

.whtimeblock
{
    font-size: smaller;
    width: 9.33%;
    height: 20px;
    border-bottom: 1px solid #AAAAAA;
    padding: 2px;
    cursor: pointer;
    cursor: hand;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    vertical-align:middle;
}

.timeblock.selected
{
    border: 2px solid #000000 ! important;
}

.timeblock a
{
    width: 100%;
    display: block;
    color: #000000;
    font-weight: bold;
    vertical-align:middle;
}

.timeblock a:hover
{
    width: 100%;
    display: block;
    color: #000000;
    font-weight: bold;
    vertical-align:middle;
}

/****************************** Playback Bar *******************************/
.playbar_image_div
{
    background-color: transparent;
    height: 15px;
    cursor: pointer;
    cursor: hand;
}

#playbar_container
{
    float: right;
    position: relative;
}

#playbar_bar
{
    float: left;
    position: relative;
}

#playbar_timer
{
    float: left;
    font-weight: bold;
    color: #336699;
    text-align: center;
    font-size: 10px;
}

#playbar_head_button
{
    position: relative;
    top: 0px;
    background-image: url(images/playbar_head.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 17px;
    cursor: pointer;
    cursor: hand;
}

#playbar_head_button.active
{
    background-image: url(images/playbar_head_active.png);
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand;
}

#playbar_end_left
{
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(images/playbar_end_left.png);
    background-repeat: no-repeat;
    width: 9px;
}

#playbar_complete
{
    position: absolute;
    top: 0px;
    background-image: url(images/playbar_bar_complete.png);
    background-repeat: repeat-x;
}

#playbar_remain
{
    position: absolute;
    top: 0px;
    background-image: url(images/playbar_bar_remain.png);
    background-repeat: repeat-x;
}

#playbar_end_right
{
    position: absolute;
    top: 0px;
    background-image: url(images/playbar_end_right.png);
    background-repeat: no-repeat;
    width: 9px;
}

#playbar_stop_button
{
    float: left;
    background-image: url(images/playback_button_stop.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 24px;
    width: 26px;
    cursor: pointer;
    cursor: hand;
}

#playbar_play_button
{
    float: left;
    background-image: url(images/playback_button_play.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 24px;
    width: 26px;
    cursor: pointer;
    cursor: hand;
}

#playbar_play_button_disabled
{
    float: left;
    background-image: url(images/playback_button_play_disabled.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 24px;
    width: 26px;
    cursor: normal;
}

#playbar_play_button_playing
{
    float: left;
    background-image: url(images/playback_button_pause.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 24px;
    width: 26px;
    cursor: pointer;
    cursor: hand;
}


/****************************** Call List *******************************/

.call_list_item
{
    margin: 1px;
    width: 100%;
    border-right: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
    border-left: solid 1px #becfe4;
    border-bottom: solid 1px #becfe4;
    cursor: default;
}

.call_list_item.unread
{
    background-color: #eaf0f5;
}

.call_list_item.selected
{
    border: solid 1px #336699;
    background-color: #becfe4;
}

.call_sender_cell
{
    vertical-align: top;
    width: 90%;
}

.call_list_item.unread .call_sender_cell
{
    font-weight: bold;
}

.call_timestamp_cell
{
    vertical-align: top;
    width: 20%;
}

.call_list_item.unread .message_timestamp_cell
{
    font-weight: bold;
}

.call_caller_id
{
    color: #999999;
    font-size: 0.9em;
    font-weight: bold;
}

.call_list_item.selected .call_caller_id
{
    color: #555555;
}

.call_type_cell
{
    vertical-align: top;
    width: 3%;
    font-weight: bold;
    white-space: nowrap;
}

.call_disposition_cell
{
    vertical-align: top;
    width: 3%;
    font-weight: bold;
    white-space: nowrap;
}

.call_menu_cell
{
    border-top: 1px solid #336699;
}

.call_menu a
{
    color: #336699;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

.call_menu a:hover
{
    color: #336699;
    text-decoration: underline;
}

.call_select_link a
{
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

.call_select_link a:hover
{
    color: #000000;
    text-decoration: underline;
}


/****************************** Message List *******************************/

.message_list_item
{
    margin: 1px;
    width: 100%;
    border-right: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
    border-left: solid 1px #becfe4;
    border-bottom: solid 1px #becfe4;
    cursor: default;
}

.message_list_item.unread
{
    background-color: #eaf0f5;
}

.message_list_item.selected
{
    border: solid 1px #336699;
    background-color: #becfe4;
}

.message_icons
{
    vertical-align: top;
    width: 5%;
    font-size: 1em;
    font-weight: bold;
    white-space: nowrap;
}

.message_sender_cell
{
    vertical-align: top;
    width: 20%;
}

.message_list_item.unread .message_sender_cell
{
    font-weight: bold;
}

.message_subject_cell
{
    vertical-align: top;
}

.message_list_item.unread .message_subject_cell
{
    font-weight: bold;
}

.message_subject_edit
{
}

.message_timestamp_cell
{
    vertical-align: top;
    text-align: right;
    width: 20%;
}

.message_list_item.unread .message_timestamp_cell
{
    font-weight: bold;
}

.message_length
{
    vertical-align: top;
    color: #999999;
    font-size: 0.9em;
    text-align: right;
    font-weight: bold;
}

.message_list_item.selected .message_length
{
    color: #555555;
}

.message_caller_id
{
    color: #999999;
    font-size: 0.9em;
    font-weight: bold;
}

.message_list_item.selected .message_caller_id
{
    color: #555555;
}

.arrow_bullet
{
    background-image: url(images/arrow_bullet.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.arrow_up
{
    background-image: url(images/arrow_up.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
}

.arrow_down
{
    background-image: url(images/arrow_down.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    cursor: hand;
}

.message_menu_cell
{
    border-top: 1px solid #336699;
}

.message_menu a
{
    color: #336699;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

.message_menu a:hover
{
    color: #336699;
    text-decoration: underline;
}

.tab_menu a
{
    color: #336699;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

.tab_menu a:hover
{
    color: #336699;
    text-decoration: underline;
}

.message_select_link a
{
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

.message_select_link a:hover
{
    color: #000000;
    text-decoration: underline;
}

.fax_download_button
{
    float: right;
    background-image: url(images/playback_button_fax.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 24px;
    width: 26px;
    cursor: pointer;
    cursor: hand;
}

.voice_download_button
{
    float: right;
    background-image: url(images/playback_button_download.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 24px;
    width: 26px;
    cursor: pointer;
    cursor: hand;
}

.floating_div
{
    position: absolute;
    top: 0px;
    left: 0px;
}

.floating_div iframe
{
    display: none;
    display/**/: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    filter: mask();
}

/*************************** Content Containers ****************************/

#main_content_container
{
    min-width: 790px;
    margin: 10px auto;
}

* html #main_content_container
{
    width: expression( document.body.clientWidth < 791 ? "790px" : "auto" );
}

#header_content_container
{
    float: left;
    width: 100%;
    text-align: center;
}

#menu_content_container
{
    float: left;
    width: 150px;
}

#tab_content_container
{
    margin-left: 150px;
}

#tab_menu_container
{
    float: left;
    width: 100%;
}

#content_minheight_container
{
    float: left;
    width: 100%;
    min-height: 350px;
    height: auto !important;
    height: 350px;
}

#content_minheight_container table
{
    padding-left: 10px;
}

#content_minheight_container table + div
{
    padding-left: 18px !important;
}

button.message_delete_button
{
    background:none!important;
    border:none;
    color: #336699;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

button.message_delete_button:hover
{
    cursor: hand;
    text-decoration:underline;
}

.message_delete_checkbox_select
{    
    vertical-align: top;
    width: 4%;
    font-size: 1em;
    font-weight: bold;
    white-space: nowrap;
}

#message_select_all 
{
    float: left;
    margin-left:12px;
    margin-top:1px;
}

.message_delete_checkbox_span 
{    
    padding-left:7px;
    padding-right:7px;
    padding-top: 1px;
    padding-bottom:5px;
}

table#greeting_lang_list
{
    width: 100%;
    table-layout: fixed;
}

table#greeting_lang_list td
{
    padding-top: 5px;
    float: left;
    width:16%;
    text-align: center;
}

table#greeting_lang_list td:first-child
{    
    width: 18%;
    text-align: left;
    vertical-align: middle;
    margin-top: 7px;
}