/******************************************************************
**                                                               **
** FG generated the code for the bubbles from the website:       **
**      www.cssarrowplease.com                                   **
**                                                               **
** Classes and Colors *********************************************
**  Classes all start with:                                      **
**     contempTech_talkBubble_                                   **
**  The next three values (separated by underscores) indicate    **
**     background color, border color, and arrow direction       **
**     NOTE: 'match' indicates the border matches the background **
**                                                               **
**  Colors are abbreviated as follows:                           ** 
**      w  -> #ffffff;  White                                    **
**      dm -> #5b1c13;  Dark Maroon  (dm)                        **
**      dg -> #154f26;  Forest Green (dg)                        **
**                                                               **
**                                                               **
**  There is a class with an arrow pointing up, down, left, or   **
**  right for each of the combinations below:                    **
**                                                               **
**      White Background, Dark Green Border                      **
**          contempTech_talkBubble_w_dg_DIRECTION                **
**      White Background, Dark Maroon Border                     **
**          contempTech_talkBubble_w_dm_DIRECTION                **
**      Dark Green, Matching Border                              **
**          contempTech_talkBubble_dg_match_DIRECTION            **
**      Dark Maroon, Matching Border                             **
**          contempTech_talkBubble_dm_match_DIRECTION            **
******************************************************************/

/************************************************************************
** Talk bubbles                                                        **
************************************************************************/

/************************************************************************
** Class     : contempTech_talkBubble_w_dg_up                          **
** Background: white (w)                                               **
** Border    : dark green (dg)                                         **
** Arrow     : up (up)                                                 **
************************************************************************/
.contempTech_talkBubble_w_dg_up {
    position: relative;
    background: #ffffff;
    border: 3px solid #154f26;
    padding:10px;           /*FG - added this to get some padding inside the box        */
    margin-top:32px;        /*FG - added this to take care of space taken up by "arrow" */
    color: black;           /*FG - added this so you can see the text on the white BG   */
    font-style: italic;     /*FG - added this so the text would be italic               */       
}
.contempTech_talkBubble_w_dg_up:after, .contempTech_talkBubble_w_dg_up:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.contempTech_talkBubble_w_dg_up:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 30px;
    margin-left: -30px;
}
.contempTech_talkBubble_w_dg_up:before {
    border-color: rgba(21, 79, 38, 0);
    border-bottom-color: #154f26;
    border-width: 34px;
    margin-left: -34px;
}

/************************************************************************
** Class     : contempTech_talkBubble_w_dg_right                       **
** Background: white (w)                                               **
** Border    : dark green (dg)                                         **
** Arrow     : right (right)                                           **
************************************************************************/
.contempTech_talkBubble_w_dg_right {
    position: relative;
    background: #ffffff;
    border: 3px solid #154f26;
    padding:10px;           /*FG - added this to get some padding inside the box        */
    margin-right:32px;      /*FG - added this to take care of space taken up by "arrow" */
    color: black;           /*FG - added this so you can see the text on the white BG   */
    font-style: italic;     /*FG - added this so the text would be italic               */    
}
.contempTech_talkBubble_w_dg_right:after, .contempTech_talkBubble_w_dg_right:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.contempTech_talkBubble_w_dg_right:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #ffffff;
    border-width: 30px;
    margin-top: -30px;
}
.contempTech_talkBubble_w_dg_right:before {
    border-color: rgba(21, 79, 38, 0);
    border-left-color: #154f26;
    border-width: 34px;
    margin-top: -34px;
}

/************************************************************************
** Class     : contempTech_talkBubble_w_dg_down                        **
** Background: white (w)                                               **
** Border    : dark green (dg)                                         **
** Arrow     : down (down )                                            **
************************************************************************/
 .contempTech_talkBubble_w_dg_down {
    position: relative;
    background: #ffffff;
    border: 3px solid #154f26;
    padding:10px;           /*FG - added this to get some padding inside the box        */
    margin-bottom:32px;     /*FG - added this to take care of space taken up by "arrow" */
    color: black;           /*FG - added this so you can see the text on the white BG   */
    font-style: italic;     /*FG - added this so the text would be italic               */
}
.contempTech_talkBubble_w_dg_down:after, .contempTech_talkBubble_w_dg_down:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.contempTech_talkBubble_w_dg_down:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 30px;
    margin-left: -30px;
}
.contempTech_talkBubble_w_dg_down:before {
    border-color: rgba(21, 79, 38, 0);
    border-top-color: #154f26;
    border-width: 34px;
    margin-left: -34px;
}

/************************************************************************
** Class     : contempTech_talkBubble_w_dg_left                        **
** Background: white (w)                                               **
** Border    : dark green (dg)                                         **
** Arrow     : left (left )                                            **
************************************************************************/
.contempTech_talkBubble_w_dg_left {
    position: relative;
    background: #ffffff;
    border: 3px solid #154f26;
    padding:10px;           /*FG - added this to get some padding inside the box         */
    margin-left:32px;        /*FG - added this to take care of space taken up by "arrow" */
    color: black;           /*FG - added this so you can see the text on the white BG    */
    font-style: italic;     /*FG - added this so the text would be italic                */      
}
.contempTech_talkBubble_w_dg_left:after, .contempTech_talkBubble_w_dg_left:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.contempTech_talkBubble_w_dg_left:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 30px;
    margin-top: -30px;
}
.contempTech_talkBubble_w_dg_left:before {
    border-color: rgba(21, 79, 38, 0);
    border-right-color: #154f26;
    border-width: 34px;
    margin-top: -34px;
}

/************************************************************************
** Class     : contempTech_talkBubble_w_dm_up                          **
** Background: white (w)                                               **
** Border    : dark maroon (dm)                                        **
** Arrow     : up (up)                                                 **
************************************************************************/
.contempTech_talkBubble_w_dm_up {
    position: relative;
    background: #ffffff;
    border: 3px solid #5b1c13;
    padding:10px;           /*FG - added this to get some padding inside the box        */
    margin-top:32px;        /*FG - added this to take care of space taken up by "arrow" */
    color: black;           /*FG - added this so you can see the text on the white BG   */
    font-style: italic;     /*FG - added this so the text would be italic               */     
}
.contempTech_talkBubble_w_dm_up:after, .contempTech_talkBubble_w_dm_up:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.contempTech_talkBubble_w_dm_up:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 30px;
    margin-left: -30px;
}
.contempTech_talkBubble_w_dm_up:before {
    border-color: rgba(91, 28, 19, 0);
    border-bottom-color: #5b1c13;
    border-width: 34px;
    margin-left: -34px;
}

/************************************************************************
** Class     : contempTech_talkBubble_w_dm_right                       **
** Background: white (w)                                               **
** Border    : dark maroon (dm)                                        **
** Arrow     : right                                                   **
************************************************************************/
.contempTech_talkBubble_w_dm_right {
    position: relative;
    background: #ffffff;
    border: 3px solid #5b1c13;
    padding:10px;           /*FG - added this to get some padding inside the box        */
    margin-right:32px;      /*FG - added this to take care of space taken up by "arrow" */ 
    color: black;           /*FG - added this so you can see the text on the white BG   */
    font-style: italic;     /*FG - added this so the text would be italic               */    
}
.contempTech_talkBubble_w_dm_right:after, .contempTech_talkBubble_w_dm_right:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.contempTech_talkBubble_w_dm_right:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #ffffff;
    border-width: 30px;
    margin-top: -30px;
}
.contempTech_talkBubble_w_dm_right:before {
    border-color: rgba(91, 28, 19, 0);
    border-left-color: #5b1c13;
    border-width: 34px;
    margin-top: -34px;
}

/************************************************************************
** Class     : contempTech_talkBubble_w_dm_down                        **
** Background: white (w)                                               **
** Border    : dark maroon (dm)                                        **
** Arrow     : down                                                    **
************************************************************************/
.contempTech_talkBubble_w_dm_down {
    position: relative;
    background: #ffffff;
    border: 3px solid #5b1c13;
    padding:10px;           /*FG - added this to get some padding inside the box        */
    margin-bottom:32px;     /*FG - added this to take care of space taken up by "arrow" */
    color: black;           /*FG - added this so you can see the text on the white BG   */
    font-style: italic;     /*FG - added this so the text would be italic               */    
}
.contempTech_talkBubble_w_dm_down:after, .contempTech_talkBubble_w_dm_down:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}     
.contempTech_talkBubble_w_dm_down:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 30px;
    margin-left: -30px;
}
.contempTech_talkBubble_w_dm_down:before {
    border-color: rgba(91, 28, 19, 0);
    border-top-color: #5b1c13;
    border-width: 34px;
    margin-left: -34px;
}

/************************************************************************
** Class     : contempTech_talkBubble_w_dm_left                        **
** Background: white (w)                                               **
** Border    : dark maroon (dm)                                        **
** Arrow     : left                                                    **
************************************************************************/
.contempTech_talkBubble_w_dm_left {
    position: relative;
    background: #ffffff;
    border: 3px solid #5b1c13;
    padding:10px;           /*FG - added this to get some padding inside the box        */
    margin-left:32px;       /*FG - added this to take care of space taken up by "arrow" */
    color: black;           /*FG - added this so you can see the text on the white BG   */
    font-style: italic;     /*FG - added this so the text would be italic               */  
}
.contempTech_talkBubble_w_dm_left:after, .contempTech_talkBubble_w_dm_left:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.contempTech_talkBubble_w_dm_left:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 30px;
    margin-top: -30px;
}
.contempTech_talkBubble_w_dm_left:before {
    border-color: rgba(91, 28, 19, 0);
    border-right-color: #5b1c13;
    border-width: 34px;
    margin-top: -34px;
}

/************************************************************************
** Class     : contempTech_talkBubble_dg_match_up                      **
** Background: dark green (dg)                                         **
** Border    : matches background (match)                              **
** Arrow     : up (up)                                                 **
************************************************************************/
.contempTech_talkBubble_dg_match_up {
    position: relative;
    background: #154f26;
    border: 3px solid #154f26;
    padding:10px;           /*FG - added this to get some padding inside the box        */
    margin-top:32px;        /*FG - added this to take care of space taken up by "arrow" */
    color: white;           /*FG - added this so you can see the text on the white BG   */
    font-style: italic;     /*FG - added this so the text would be italic               */ 
}
.contempTech_talkBubble_dg_match_up:after, .contempTech_talkBubble_dg_match_up:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.contempTech_talkBubble_dg_match_up:after {
    border-color: rgba(21, 79, 38, 0);
    border-bottom-color: #154f26;
    border-width: 30px;
    margin-left: -30px;
}
.contempTech_talkBubble_dg_match_up:before {
    border-color: rgba(21, 79, 38, 0);
    border-bottom-color: #154f26;
    border-width: 34px;
    margin-left: -34px;
}

/************************************************************************
** Class     : contempTech_talkBubble_dg_match_right                   **
** Background: dark green (dg)                                         **
** Border    : match (match)                                           **
** Arrow     : right                                                   **
************************************************************************/
.contempTech_talkBubble_dg_match_right {
    position: relative;
    background: #154f26;
    border: 3px solid #154f26;
    padding:10px;           /*FG - added this to get some padding inside the box        */
    margin-right:32px;      /*FG - added this to take care of space taken up by "arrow" */
    color: white;           /*FG - added this so you can see the text on the white BG   */
    font-style: italic;     /*FG - added this so the text would be italic               */      
}
.contempTech_talkBubble_dg_match_right:after, .contempTech_talkBubble_dg_match_right:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.contempTech_talkBubble_dg_match_right:after {
    border-color: rgba(21, 79, 38, 0);
    border-left-color: #154f26;
    border-width: 30px;
    margin-top: -30px;
}
.contempTech_talkBubble_dg_match_right:before {
    border-color: rgba(21, 79, 38, 0);
    border-left-color: #154f26;
    border-width: 34px;
    margin-top: -34px;
}

/************************************************************************
** Class     : contempTech_talkBubble_dg_match_down                    **
** Background: dark green (dg)                                         **
** Border    : match (match)                                           **
** Arrow     : down                                                    **
************************************************************************/
.contempTech_talkBubble_dg_match_down {
    position: relative;
    background: #154f26;
    border: 3px solid #154f26;
    padding:10px;           /*FG - added this to get some padding inside the box        */
    margin-bottom:32px;     /*FG - added this to take care of space taken up by "arrow" */
    color: white;           /*FG - added this so you can see the text on the white BG   */
    font-style: italic;     /*FG - added this so the text would be italic               */   
}
.contempTech_talkBubble_dg_match_down:after, .contempTech_talkBubble_dg_match_down:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.contempTech_talkBubble_dg_match_down:after {
    border-color: rgba(21, 79, 38, 0);
    border-top-color: #154f26;
    border-width: 30px;
    margin-left: -30px;
}
.contempTech_talkBubble_dg_match_down:before {
    border-color: rgba(21, 79, 38, 0);
    border-top-color: #154f26;
    border-width: 34px;
    margin-left: -34px;
}

/************************************************************************
** Class     : contempTech_talkBubble_dg_match_left                   **
** Background: dark green (dg)                                         **
** Border    : match (match)                                           **
** Arrow     : left                                                   **
************************************************************************/
.contempTech_talkBubble_dg_match_left {
    position: relative;
    background: #154f26;
    border: 3px solid #154f26;
    padding:10px;           /*FG - added this to get some padding inside the box        */
    margin-left:32px;       /*FG - added this to take care of space taken up by "arrow" */
    color: white;           /*FG - added this so you can see the text on the white BG   */
    font-style: italic;     /*FG - added this so the text would be italic               */    
}
.contempTech_talkBubble_dg_match_left:after, .contempTech_talkBubble_dg_match_left:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.contempTech_talkBubble_dg_match_left:after {
    border-color: rgba(21, 79, 38, 0);
    border-right-color: #154f26;
    border-width: 30px;
    margin-top: -30px;
}
.contempTech_talkBubble_dg_match_left:before {
    border-color: rgba(21, 79, 38, 0);
    border-right-color: #154f26;
    border-width: 34px;
    margin-top: -34px;
}

/************************************************************************
** Class     : contempTech_talkBubble_dm_match_up                      **
** Background: dark maroon (dm)                                        **
** Border    : matches background (match)                              **
** Arrow     : up (up)                                                 **
************************************************************************/
.contempTech_talkBubble_dm_match_up {
    position: relative;
    background: #5b1c13;
    border: 3px solid #5b1c13;
    padding:10px;           /*FG - added this to get some padding inside the box        */
    margin-top:32px;        /*FG - added this to take care of space taken up by "arrow" */
    color: white;           /*FG - added this so you can see the text on the white BG   */
    font-style: italic;     /*FG - added this so the text would be italic               */     
}
.contempTech_talkBubble_dm_match_up:after, .contempTech_talkBubble_dm_match_up:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.contempTech_talkBubble_dm_match_up:after {
    border-color: rgba(91, 28, 19, 0);
    border-bottom-color: #5b1c13;
    border-width: 30px;
    margin-left: -30px;
}
.contempTech_talkBubble_dm_match_up:before {
    border-color: rgba(91, 28, 19, 0);
    border-bottom-color: #5b1c13;
    border-width: 34px;
    margin-left: -34px;
}

/************************************************************************
** Class     : contempTech_talkBubble_dm_match_right                   **
** Background: dark maroon (dm)                                        **
** Border    : match (match)                                           **
** Arrow     : right                                                   **
************************************************************************/
.contempTech_talkBubble_dm_match_right {
    position: relative;
    background: #5b1c13;
    border: 3px solid #5b1c13;
    padding:10px;           /*FG - added this to get some padding inside the box        */
    margin-right:32px;      /*FG - added this to take care of space taken up by "arrow" */
    color: white;           /*FG - added this so you can see the text on the white BG   */
    font-style: italic;     /*FG - added this so the text would be italic               */     
}
.contempTech_talkBubble_dm_match_right:after, .contempTech_talkBubble_dm_match_right:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.contempTech_talkBubble_dm_match_right:after {
    border-color: rgba(91, 28, 19, 0);
    border-left-color: #5b1c13;
    border-width: 30px;
    margin-top: -30px;
}
.contempTech_talkBubble_dm_match_right:before {
    border-color: rgba(91, 28, 19, 0);
    border-left-color: #5b1c13;
    border-width: 34px;
    margin-top: -34px;
}


/************************************************************************
** Class     : contempTech_talkBubble_dm_match_down                    **
** Background: dark maroon (dm)                                        **
** Border    : match (match)                                           **
** Arrow     : down                                                    **
************************************************************************/
.contempTech_talkBubble_dm_match_down {
    position: relative;
    background: #5b1c13;
    border: 3px solid #5b1c13;
    padding:10px;           /*FG - added this to get some padding inside the box        */
    margin-bottom:32px;     /*FG - added this to take care of space taken up by "arrow" */
    color: white;           /*FG - added this so you can see the text on the white BG   */
    font-style: italic;     /*FG - added this so the text would be italic               */      
}
.contempTech_talkBubble_dm_match_down:after, .contempTech_talkBubble_dm_match_down:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.contempTech_talkBubble_dm_match_down:after {
    border-color: rgba(91, 28, 19, 0);
    border-top-color: #5b1c13;
    border-width: 30px;
    margin-left: -30px;
}
.contempTech_talkBubble_dm_match_down:before {
    border-color: rgba(91, 28, 19, 0);
    border-top-color: #5b1c13;
    border-width: 34px;
    margin-left: -34px;
}

/************************************************************************
** Class     : contempTech_talkBubble_dm_match_left                    **
** Background: dark maroon (dm)                                        **
** Border    : match (match)                                           **
** Arrow     : left                                                    **
************************************************************************/
.contempTech_talkBubble_dm_match_left {
    position: relative;
    background: #5b1c13;
    border: 3px solid #5b1c13;
    padding:10px;           /*FG - added this to get some padding inside the box        */
    margin-left:32px;       /*FG - added this to take care of space taken up by "arrow" */
    color: white;           /*FG - added this so you can see the text on the white BG   */
    font-style: italic;     /*FG - added this so the text would be italic               */    
}
.contempTech_talkBubble_dm_match_left:after, .contempTech_talkBubble_dm_match_left:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.contempTech_talkBubble_dm_match_left:after {
    border-color: rgba(91, 28, 19, 0);
    border-right-color: #5b1c13;
    border-width: 30px;
    margin-top: -30px;
}
.contempTech_talkBubble_dm_match_left:before {
    border-color: rgba(91, 28, 19, 0);
    border-right-color: #5b1c13;
    border-width: 34px;
    margin-top: -34px;
}