﻿
#dialog-overlay {
     
    /* css3 border radius */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    /* transparency for different browsers */
    filter:alpha(opacity=40); 
    -moz-opacity:0.4; 
    -khtml-opacity: 0.4; 
    opacity: 0.4; 
    background:#000; 
 
    /* make sure it appear behind the dialog box but above everything else */
    position:absolute;
    z-index:3000;
    /* hide it by default */
    display:none;
}

#dialog-box {
     
    /* css3 drop shadow */
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
     
    background:#FFF;
     
    /* make sure it has the highest z-index */
    position:absolute; 
    z-index:5000; 
 
    /* hide it by default */
    display:none;
}

#dialog-content
{
	border-left: solid 1px #555555;
	border-right: solid 1px #555555;
}

#divfriendlist
{
	padding: 4px;
	overflow: auto; 
}

#divFeedPost
{
	background-color: #F2F2F2; 
	border-bottom: solid 1px #CCCCCC;
	display: none;
}

#dialog-header
{
	border: 1px solid #3B5998; 
	background-color: #6D84B4;
}

.title_text
{
	color: #FFFFFF; 
	font-size: 14px; 
	font-weight: bold; 
	padding: 5px;
}

#dialog-footer
{
	float: left; 
	background-color: #F2F2F2; 
	width: 100%;
	border-top: solid 1px #CCCCCC;
}

a.button {
    /* styles for button */
    
    display: block;
    width:50px;
    margin: 8px;
    float: right;
    cursor: pointer;
    padding: 4px 6px;
    
    text-align:center;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
    color: #fff;
     
    background: url('https://s-static.ak.facebook.com/rsrc.php/v1/zD/r/B4K_BWwP7P5.png') repeat scroll 0 0 #EEEEEE;
    background-color: #5B74A8;
    background-position: 0 -48px;
    
    border-color: #29447E #29447E #1A356E;
    border-style: solid;
    border-width: 1px;
     
     /* drop shadow */
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

a.button:hover
{
	text-decoration: none;
}

a.button:active
{
	background: none repeat scroll 0 0 #4F6AA3;
    border-bottom-color: #29447E;
}

/*Facebook Classes */

.fb_logo_icon
{
	background: url('https://s-static.ak.facebook.com/rsrc.php/v1/zd/r/Cou7n-nqK52.gif') no-repeat scroll center center #6D84B4; 
	float: left; 
	height: 16px; 
	margin: 5px; 
	width: 16px;
}

.dialog_close_icon:active {
    background: url("http://static.ak.fbcdn.net/rsrc.php/v1/zq/r/IE9JII6Z1Ys.png") no-repeat scroll 0 -30px transparent;
}

.dialog_close_icon:hover {
    background: url("http://static.ak.fbcdn.net/rsrc.php/v1/zq/r/IE9JII6Z1Ys.png") no-repeat scroll 0 -15px transparent;
}

.dialog_close_icon {
    background: url("http://static.ak.fbcdn.net/rsrc.php/v1/zq/r/IE9JII6Z1Ys.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 15px;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 15px;
}

.FBtextarea
{
	font-size: 13px;
    font-weight: normal;
    margin-top: 5px;
    margin-right: 10px;
    overflow: hidden;
    width: 95%;
    height: auto !important;
    border: 1px solid #BDC7D8;
    font-family: lucida grande,tahoma,verdana,arial,sans-serif;
    padding: 3px;
}