﻿/* Top Bar
    ----------------------------------------------------------*/
.leftInfoImg
{
    background: url(images/Alert_2_Button.png) no-repeat;
                width:30px; height:30px;
                position: relative;
                float: left;
                margin-left: 10px;
                margin-top: 10px;
}

.leftInfoText
{
    float: left; position: relative; margin-left: 10px; margin-top: 15px;
}

.rightInfoImg
{
    background: url(images/User_Button.png) no-repeat;
                width:33px; height:36px;
                position: relative;
                float: right;
                margin-right: 10px;
                margin-top: 4px;
}

.rightInfoText
{
    float: right; position: relative; margin-right: 10px; margin-top: 15px;
}

/*IM Conversation
 ----------------------------------------------------------*/
/*im chat box - visitor*/
/*#visitorIM .conversationContainer
{
    background-color: White; 
    border: solid 2px #EEE;
    width: 485px;
    height: 300px;
}*/

#visitorIM .tbConversationInnerWidth
{
    width: 470px;
}
#visitorIM .username1
{
    font-size: 13px;
    font-weight: bold;
    color: inherit;
    width: 70px;
    display: block;
    word-wrap: break-word;
}

#visitorIM .date1
{
    font-size: 11px;
    color: lightslategray;
}

#visitorIM .chatMsg1
{
    font-size: inherit;
    color: inherit;
    display: block;
    width: 390px;
    word-wrap: break-word;
}

#visitorIM .username2
{
    font-size: 13px;
    font-weight: bold;
    color: inherit;
    width: 70px;
    display: block;
    word-wrap: break-word;
}

#visitorIM .date2
{
    font-size: 11px;
    color: lightslategray;
}

#visitorIM .chatMsg2
{
    font-size: inherit;
    color: inherit;
    display: block;
    width: 390px;
    word-wrap: break-word;
}

#visitorIM .alternatingMsgBg1
{
    background-color: #FFF;
}

#visitorIM .alternatingMsgBg2
{
    background-color: #EEE;
}

/*im chat box - counsellor*/
#counsellorIM .conversationContainer
{
    background-color: white; 
    border: solid 2px #EEE;
    width: 485px;
    height: 300px;
}

#counsellorIM .tbConversationInnerWidth
{
    width: 470px;
}
#counsellorIM .username1
{
    font-size: 13px;
    font-weight: bold;
    color: inherit;
    width: 70px;
    display: block;
    word-wrap: break-word;
}

#counsellorIM .date1
{
    font-size: 11px;
    color: lightslategray;
}

#counsellorIM .chatMsg1
{
    font-size: inherit;
    color: inherit;
    display: block;
    width: 390px;
    word-wrap: break-word;
}

#counsellorIM .username2
{
    font-size: 13px;
    font-weight: bold;
    color: inherit;
    width: 70px;
    display: block;
    word-wrap: break-word;
}

#counsellorIM .date2
{
    font-size: 11px;
    color: lightslategray;
}

#counsellorIM .chatMsg2
{
    font-size: inherit;
    color: inherit;
    display: block;
    width: 390px;
    word-wrap: break-word;
}

#counsellorIM .alternatingMsgBg1
{
    background-color: #FFF;
}

#counsellorIM .alternatingMsgBg2
{
    background-color: #EEE;
}

/*Page Buttons
 ----------------------------------------------------------*/
.pointer /*cursor on hover*/
{
    cursor: pointer;
}

.sendBtn /*send message*/
{
    background: #7a9fa7 url(images/Save_Button.png) no-repeat !important; 
    width:105px !important; height: 61px !important;
    border: 1px solid #BADFE3 !important;border-radius:4px !important;
    cursor: pointer !important;
}

.sendBtn:hover
{
    background-color:#BADFE3 !important;
}   
     
.emoteBtn /*emoticon button*/
{
    background: #51575c url(images/Emot_Button_SM.png) no-repeat !important;
    width:102px !important; height:50px !important;
    border: 1px solid #ddd !important; border-radius: 4px !important;
    cursor: pointer !important;
}

.tstSpeedBtn /*Test Connection Speed button*/
{
    background: #51575c url(images/TestSpeed_Button_SM.png) no-repeat !important;
    width:112px !important; height:50px !important;
    border: 1px solid #ddd !important; border-radius: 4px !important;
    cursor: pointer !important;
}

.tstSystemBtn /*Test System button*/
{
    background: #51575c url(images/Diagnostics_Button_SM.png) no-repeat !important;
    width:112px !important; height:50px !important;
    border: 1px solid #ddd !important; border-radius: 4px !important;
    cursor: pointer !important;
}

.emoteBtn:hover, .tstSpeedBtn:hover, .tstSystemBtn:hover
{
    background-color:#6f7980 !important;
}

/*Localized Consumer Buttons*/
/*.consumerBtn {
    background: #51575c;
    color: white !important;
    font: bold 14px;
    width: 122px; 
    height: 52px;
    border: 1px solid #ddd !important; 
    border-radius: 4px !important;
    margin-top: 5px;
    cursor: pointer !important;
}

.consumerBtn:hover {
    background-color:#6f7980;
}

#btnSendMessage { 
    width: 105px; 
    height: 66px;
    margin: 0;
    background: #7a9fa7;
}

#btnSendMessage:hover { 
    background-color:#BADFE3
}*/

/*Buttons - Counsellor Specific*/
.instructionsBtn 
{
    background: #51575c url(images/Instructions.png) no-repeat !important;
    width:84px !important; height:32px !important;
    border: 1px solid #ddd !important; border-radius: 4px !important;
    cursor: pointer !important;
}

.getHelpBtn 
{
    background: #51575c url(images/Help.png) no-repeat !important;
    width:80px !important; height:32px !important;
    border: 1px solid #ddd !important; border-radius: 4px !important;
    cursor: pointer !important;
}

.whoIsBtn 
{
    background: #51575c url(images/WhoIs.png) no-repeat !important;
    width:88px !important; height:32px !important;
    border: 1px solid #ddd !important; border-radius: 4px !important;
    cursor: pointer !important;
}

.blockUsrBtn 
{
    background:#51575c url(images/BlockUser.png) no-repeat !important;
    width:80px !important; height:32px !important;
    border: 1px solid #ddd !important; border-radius: 4px !important;
    cursor: pointer !important;
}

.endChatBtn 
{
    background:#51575c url(images/EndChat.png) no-repeat !important;
    width:80px !important; height:32px !important;
    border: 1px solid #ddd !important; border-radius: 4px !important;
    cursor: pointer !important;
}

.pleaseWaitBtn 
{
    background:#51575c url(images/PleaseWait.png) no-repeat !important;
    width:80px !important; height:32px !important;
    border: 1px solid #ddd !important; border-radius: 4px !important;
    cursor: pointer !important;
}
.openReportBtn 
{
    background:#51575c url(images/OpenReport.png) no-repeat !important;
    width:80px !important; height:32px !important;
    border: 1px solid #ddd !important; border-radius: 4px !important;
    cursor: pointer !important;
}

.generateReportBtn 
{
    background:#51575c url(images/GenerateReport.png) no-repeat !important;
    width:80px !important; height:32px !important;
    border: 1px solid #ddd !important; border-radius: 4px !important;
    cursor: pointer !important;
}


.undoMessageBtn 
{
    background:#51575c url(images/UndoMessage.png) no-repeat !important;
    width:67px !important; height:32px !important;
    border: 1px solid #ddd !important; border-radius: 4px !important;
    cursor: pointer !important;
}

 .instructionsBtn:hover, .getHelpBtn:hover, .whoIsBtn:hover, .blockUsrBtn:hover, .endChatBtn:hover, .undoMessageBtn:hover, .pleaseWaitBtn:hover, .generateReportBtn:hover, .openReportBtn:hover
{
    background-color:#6f7980 !important;
}

 /*Standard Messages
 ----------------------------------------------------------*/
.standardMsgs 
{
    font-size: 15px;
    font-weight: bold;
    color: white;
    background-color: #51575c;
    border: 1px solid #ddd; border-radius: 5px;
    width: 488px;
    height: 70px;
    margin-top: 10px; margin-bottom: 10px;
}

.standardMsgs .smPos {float: left; margin: 20px 0px 0px 15px;} /*Default element positioning in standardMsgs*/


/*Pop-Up
 ----------------------------------------------------------*/

    .HideMe
    {
        visibility: hidden;
        border: 0px;
        background-color: #fff0ad;
    }
    .ModalPopupBG1
    {
	    background-color: #666699;
	    filter: alpha(opacity=50);
	    opacity: 0.7;
    }
.modalPopupSystem {
    background-color: #dfe4ec;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    width:250px;
    position: absolute;
    top: 100px;
    left: 100px;
}
    .popup_Container1 {
	    background-color:#FFFFFF;
        border: 0px;
    }

    .popupConfirmation1
    {
	    width: 1px;
	    height: 1px;
    }

    .popup_Titlebar1 {
	    background-color:#7d97b1;
	    height: 29px;
    }

    .popup_Body1
    {
	    padding:15px 15px 15px 15px;
	    font-family:Arial;
	    font-weight:bold;
	    font-size:10px;
	    color:#000000;
	    line-height:15pt;
	    clear:both;
	    padding:20px;
    }

    .TitlebarLeft1 /*ex: Please Wait.. message*/
    {
	    float:left;
	    padding-left:5px;
	    padding-top:5px;
	    font-family:Arial, Helvetica, sans-serif;
	    font-weight:bold;
	    font-size:12px;
	    color:#FFFFFF;
    }
    .TitlebarRight1 /*ex: Please Wait.. message*/
    {
	    /*background:url(Images/cross_icon_normal.png);*/
	    background-position:right;
	    background-repeat:no-repeat;
	    height:15px;
	    width:16px;
	    float:right;
	    /*cursor:pointer;*/
	    margin-right:5px;
	    margin-top:5px;
    }
    .popup_Buttons1
    {
        width:50px;
	    margin:10px;
        text-align:center;
    }
    .cpBody /*browser, plug-in, javascript configuration messages and requirements*/
    {
        background-color: #fff0ad;
        font: normal 11px auto Verdana, Arial;
        border: 1px gray;                
        width:250px;
        padding: 4px;
        padding-top: 2px;
        height:0px;
        overflow: hidden;
        text-align:left;
    }       
