﻿
.SellerUnavailableToChatMessageBox
{ 
    height: 100px;
    display: table; 
    z-index:999; /* This makes the dropdown menus appear above the page content below */ 
    clear:both;
    float:left;
    margin:10;
    padding:0;
    position:fixed;    
    display:none;
   }
.SellerUnavailableToChatMessageBoxMenuContainer 
{
    height: 100px;
    width:100%;
    display: table; 
    background:Black;
    border-top-left-radius: 15px; 
	border-top-right-radius: 15px; 
    /*border-bottom-left-radius: 15px; 	
    border-bottom-right-radius: 15px;*/
    }

.SellerUnavailableToChatMessageBoxMenuContainerHeader 
{
    color: White;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 28px;
    font-weight:bolder;
    text-align:left;
    vertical-align:top;
    width:100%; 
    height:40px; 
    background-color: #000000;
    border-top-left-radius: 15px; 
	border-top-right-radius: 15px; 
    /* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
/* and http://www.puremango.co.uk/2010/04/css-gradient/ */

                
    
}

.SellerUnavailableToChatMessageBoxMenuContainerFooter
{
    color: White;
    padding: 5px;
    font-size: 18px;
    text-align:center;
    width:100%;
    height:15px; 
    clear:both; 
    background:#000000;	
    display: table-cell; 
    box-shadow: 0px 11px 10px 3px #888888;
    -webkit-box-shadow: 0px 11px 10px 3px #888888;	
    border-bottom-left-radius: 15px; 	
    border-bottom-right-radius: 15px;
    }
    
.SellerUnavailableToChatMessageBoxBlackBackground
{
    background:Black;
}
    
    
 .SellerUnavailableToChatMessageBoxMenuContainerFooterText
{
    text-align:center; color: Purple; font-size: 18px; cursor: pointer;
}

 .SellerUnavailableToChatMessageBoxMenuContainerFooterText a:hover
{
    text-decoration: underline;
}
 a.closeImg 
{
    background:url(../images/x.png) no-repeat; 
    width:25px; 
    height:29px; 
    display:inline; 
    z-index:3200; 
    position:absolute; 
    top:1px; 
    right:1px; 
    cursor:pointer;
} 

 .wrap {
   width:100%;
   margin:0 auto;
   background:#000000;	
}
.left_col {
   float:left;
   width:30%;
   height:100%;
   background:#000000;
}
.right_col {
   float:right;
   width:70%;
   background:#000000;
}