/*
'//////////////////////////////////////
'// FILE: /include/css/voicemail.css
'// DESC: css for the google VM gadget
'// $Revision: 27$
'// $Date: 4/23/2007 2:12:50 PM$
'// $Author: Donnie Tognazzini$
'//////////////////////////////////////
*/
body 
{
    margin: 0px;
}

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

#mainPage 
{ 
    clear: both; 
    width:100%;  
}

body.SHOW_AUTOLOGIN #activationViewFrame,
body.SHOW_AUTOLOGIN #callListViewFrame,
body.SHOW_AUTOLOGIN #loginViewFrame,
body.SHOW_AUTOLOGIN #registerViewFrame
{
    display: none;
}

body.SHOW_CALL_LIST #autoLoginViewFrame,
body.SHOW_CALL_LIST #loginViewFrame,
body.SHOW_CALL_LIST #registerViewFrame
{
    display: none;
}

body.SHOW_LOGIN #activationViewFrame,
body.SHOW_LOGIN #autoLoginViewFrame,
body.SHOW_LOGIN #callListViewFrame,
body.SHOW_LOGIN #registerViewFrame
{
    display: none;
}

body.SHOW_REGISTER #activationViewFrame,
body.SHOW_REGISTER #autoLoginViewFrame,
body.SHOW_REGISTER #callListViewFrame,
body.SHOW_REGISTER #loginViewFrame
{
    display: none;
}

body.UNDEFINED #activationViewFrame,
body.UNDEFINED #autoLoginViewFrame,
body.UNDEFINED #callListViewFrame,
body.UNDEFINED #loginViewFrame,
body.UNDEFINED #registerViewFrame
{
    display: none;
}

/**********************************
Common pane styles
**********************************/

.topPane
{
}

.topPane a
{
    font:   13px Arial, Helvetica, sans-serif;
    color:  #ffffff;
}

.topPane a:hover
{
    font:   13px Arial, Helvetica, sans-serif;
    color:  #440000;
    cursor: pointer;
}

.middlePane
{
    font:           13px Arial, Helvetica, sans-serif;
    color:          #000000;
}

.middlePane .termsOfService
{
    font:           11px Arial, Helvetica, sans-serif;
    color:          #000000;

    padding-bottom: 10px;
}

#lnkTOS
{
    font:           11px Arial, Helvetica, sans-serif;
    color:          #aa0000;
    text-decoration: none;
}

#lnkTOS:hover
{
    font:           11px Arial, Helvetica, sans-serif;
    color:          #440000;
}

.middlePane .inputLabel
{
    font-family:    Arial, Helvetica, sans-serif; 
    font-size:      14px; 
    font-weight:    bold;
    white-space:    nowrap;
}

.bottomPane
{
    font:            13px Arial, Helvetica, sans-serif;
    color:           #000000;
    text-decoration: none;
    padding-top:     5px;
}

.bottomPane a
{
    font:           12px Arial, Helvetica, sans-serif;
    color:          #000000;
    text-decoration: underline;
    white-space:    nowrap;
}

.bottomPane a:hover
{
    color:          #aabf00;
    text-decoration: underline;
    cursor:         pointer;
}

#messageArea
{
    padding-top:    5px;
    font:           13px Arial, Helvetica, sans-serif;
    margin-left:    6px;
}

#flashMessageArea
{
    font:           bold 13px Arial, Helvetica, sans-serif;
    margin-left:    6px;
    color:          #bf0000;
}

.messageTypeAlert
{
    color:          #bf0000;
}

.messageTypeStatus
{
    color:           #000000;
}

/**********************************
WIDGET_registerViewFrame styles
**********************************/

#WIDGET_termsOfService
{
    font-size:11px;
}

#registerViewFrame input
{
    font-size: 12px;
    margin-left: 6px;
    width: 15em;
}

/**********************************
WIDGET_loginViewFrame styles
**********************************/

#loginViewFrame input
{
    font-size: 12px;
    margin-left: 6px;
    width: 10em;
}
    
/**********************************
activationViewFrame styles
**********************************/

#activationViewFrame .backdrop
{
    font:     13px Arial, Helvetica, sans-serif;
    /* background-color: #c4d24d; */
}

#activationViewFrame .backDropBottom
{
    border-bottom: 1px solid #bf0000;
}

#activationViewFrame .activationInnerFrame
{
    border-top: 1px solid #bf0000;
}
    
#activationViewFrame .instruction
{
}

#activationViewFrame .activationTitle
{
    font-size:     16px;
    color:    #584B88;
    font-weight: bold;
}

#activationViewFrame a
{
    color:    #bb0000;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

#activationViewFrame a:hover
{
    color:    #440000;
}


#activationViewFrame .dialCodeExample
{
    font:     17px "Courier New";
    color:    #bf0000;
    font-weight: bold;
    background-color:    #ffffff;
    opacity: 0.5;
}

#divActivationStatus
{
    font:     12px Arial, Helvetica, sans-serif;
}

#WIDGET_activationSelCarrierId
{
    width: 150px;
    height: 19px;
    z-index: 9;
    font-size: 11px;
}

#WIDGET_activationDeactivationTextArea
{
    font:     11px Arial, Helvetica, sans-serif;
    color:    #000000;
}

#WIDGET_activationDeactCodesTextArea
{
    font:     13px "Courier New";
    color:    #bf0000;
    font-weight: bold;
    background-color:    #ffffff;
    opacity: 0.5;
}

/**********************************
callListFrame styles
**********************************/

#callListFrame
{
    font: 12px Arial, Helvetica, sans-serif;
    z-index:  1;
    position: relative;
    left: 0;
    width: 100%;
    border-top: 1px solid #bf0000;
    border-bottom: 1px solid #bf0000;
}

#callListFrame div.stripe, 
#callListFrame div.stripe div.allowStripe
{ 
    background-color: #e7e7e7; 
}

#callListFrame div.hot, 
#callListFrame div.hot div.allowStripe
{ 
    background-color: #b5d6e7;
}

#callListFrame div.new .callerName,
#callListFrame div.new .restOfInfo
{ 
    font-weight: bold; 
}

/**********************************
Call Row
**********************************/
#callListFrame div.call .callerName
{
    font-size:      13px;
}

#callListFrame div.call .time
{
    font-size:      11px;
}

#callListFrame div.call .date,
#callListFrame div.call .outcome 
{
    font-size:      11px;
    text-align:    right;
}

/**********************************
Edit call row
**********************************/
#callListFrame .editing div.allowStripe
{
    
}

#callListFrame input, #callListFrame select
{
    font:     13px Arial, Helvetica, sans-serif;
    color:    #000000;
}

#callListFrame div.ok
{
    color:               #ffffff;
    background-image:    url(../images/y_ok_button.gif);
    background-repeat:   no-repeat;
    background-position: center center;
    font:                13px Arial, Helvetica, sans-serif;
    text-align:          center;
    cursor:              pointer;
}
   
#callListFrame .hot div.editInfo div.ok
{
    background-image:       url(../images/y_ok_button_hot.png);
}

#callListFrame div.call div.callerId table
{
    color:          #000000;
    font:           12px Arial, Helvetica, sans-serif;
    z-index:        1;
    vertical-align: middle;
}