/* 
Srinivas Tamada
www.9lessons.info 
Facebook Wall Script
*/

*
{
margin:0px;
padding:0px;
}
body
{
font-family:Arial, Helvetica, sans-serif;
background-color:#e8eaed;

}
h3,h4
{
padding:0px;
margin:0px;
}
a
{
color:#3B5998;
text-decoration:none;
}
a:hover
{
text-decoration:underline;
}
#updateboxarea
{
	margin-top:10px;
}
#updateboxarea b
{
	font-size:12px;
}
#wall_container
{
text-align:left;
margin-left:20px;
width:570px;
min-height:500px;
}
.img_container
{
	
	text-align: center;
	background-color: #333;
	line-height:0px;
	margin:10px 0px 0px 0px;
	border:0px solid white;
	max-height:330px;
	overflow:hidden;
}
.imgpreview
{
max-width:100%;

border:0px #solid white;
}
.preview
{
border:solid 1px transparent;
max-width:150px;
max-height:125px;
margin-bottom:10px;
margin-left:10px;
}
.webcam_preview
{
width:1px;
margin:0px 3px 3px 0px;
border:solid 1px #e1e1e1;
}
#webcam{  float:left; width:1px;height:1px;border:solid 1px #333;margin-right:5px }
#webcam_preview {float:left; width:1px;height:1px; }
#webcam_status,#webcam_takesnap
{
width:1%;clear:both;padding-top:5px
}
#content
{
margin-top:10px;
clear:both;
}

#update
{
border:solid 1px #BDC7D8;
height:40px;
width:545px;
font-size:13px;
padding:5px;
}


#imageupload
{
overflow:auto; padding:10px;width:535px; font-size:11px;display:none;

}
#webcam_container
{
overflow:auto; padding:1px;width:1px; font-size:11px;display:none;
}

.border
{
border-left:solid 1px transparent;border-right:solid 1px transparent;border-bottom:solid 1px transparent; 

}
/* status body */

.stbody
{
padding:5px 0px 5px 0px;
overflow:auto;
background-color: #e9eaed;
}
.stimg
{
float:left;
min-height:50px;
width:50px;


}
.stfriend
{
line-height:20px;
margin-left:70px;
min-height:50px;
word-wrap:break-word;
overflow:hidden;
display:block;
font-size:13px;
width:496px;
background-color:#ffffff;
border:1px solid #e1e1e1;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
height:60px;

}

.stfriend b a
{
	color:#000000;

}

.sttext
{
line-height:20px;
margin-left:70px;
min-height:50px;
word-wrap:break-word;
overflow:hidden;
display:block;
font-size:13px;
width:496px;
background-color:#ffffff;
border:1px solid #d6d7da;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.sttext b
{
display:block;
}
.sttext b a
{
	color:#000000;
}
.sttext_content
{
margin:12px 12px 0px 12px;
}
.sttext_content a
{
color:#3b5998;
text-decoration:none;
}
.sttext_content a:hover
{
color:#000000;
text-decoration:none;
}

.stdelete 
{
font-weight:bold;
float:right;
cursor:pointer;
background:url(../wall_icons/delete.png) no-repeat;
display: none;
height:14px;
width:14px;
}
.stbody:hover .stdelete{
display : block;
}
.num_count{display:none}
.icontext
{
	height:14px;
	padding-left:18px;
	margin-right:20px;
	
	font-weight:bold;
	
}
.timeago
{
	height:14px;
	padding-right:18px;
	margin-right:20px;
	text-transform:uppercase;
	font-size:12px;
	background:url(../wall_icons/timelite.png) right no-repeat;
}
.sttime
{
margin:10px 0px 10px 0px;
}
.sttext_content2
{
padding:12px 12px 2px 12px;
background-color:white;
border-top:1px solid white;
}
.numcount
{
font-weight:bold;
}
.likes
{
border-top:1px solid #e1e1e1;margin-top:10px;padding:10px 0px 0px 0px;
color:#7c7c8e !important;
}
.sttext_share
{
border-bottom:1px solid #e1e1e1;margin-top:10px;
padding:0px 10px 10px 10px;
color:#7c7c8e !important;
}


.likes a, .sttext_share a
{
font-weight:bold !important;
text-decoration:none;
color:#7c7c8e !important;
}
.likes a:hover, .sttext_share a:hover
{
font-weight:bold;
text-decoration:none;
color:#006699;
}
.st_like_share
{
	margin-bottom:10px;
	
	font-size:12px;
	
}
.sttime a
{
		color:#999999 !important;
			text-decoration:none;
}
.sttime a:hover
{
	color:#006699 !important;
	text-decoration:none;
}
.st_like_share a
{
	color:#7c7c8e !important;
		text-decoration:none;
}
.st_like_share a:hover, .sttime a:hover
{
	color:#006699 !important;
		text-decoration:none;
}
.like
{
	background:url(../wall_icons/like.png) no-repeat;
}
.commentopen
{
	background:url(../wall_icons/comment.png) no-repeat;
}
.share
{
	background:url(../wall_icons/share.png) no-repeat;
}

#stexpandbox
{
margin-top:10px;
}

/* Comment */
.commentcontainer
{
margin-top:10px;
}
.comment_ui,
.stcommentbody
{
border-top:solid 1px #e1e1e1;
padding:5px 0px 5px 0px;
width:100%;
overflow:auto;
}
.stcommentimg
{
float:left;
height:35px;
width:35px;

}
.stcommenttext 
{
margin-left: 40px;
min-height: 40px;
word-wrap: break-word;
overflow: hidden;
display: block;
width: 425px;
}
.stcommenttext b
{
display:inline !important;
}
.stcommenttext b a
{
color:#333333;
}

.stcommenttime
{
font-size:11px;
color:#999;


}
.stcommentdelete 
{
font-weight:bold;
float:right;
cursor:pointer;
display:none;
background:url(../wall_icons/delete.png) no-repeat;
height:14px;
width:14px; 
}
.stcommenttext:hover .stcommentdelete
{
display:block
}


.commentupdate
{

width:100%;
margin:10px 0px 10px 0px;

}
.comment
{
width:420px;
height:35px;
font-size:11px;
border:1px solid #e1e1e1
}
/* faceb image*/
.small_face
{
width:35px;height:35px;
border:solid 1px #e1e1e1;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
margin-right:1px;margin-bottom:1px
}
.big_face
{
width:60px;height:60px;margin-bottom:5px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border: solid 1px #d6d7da;
}
#flashmessage
{
height:15px;
margin-top:10px;
font-size:11px;
color:#333;

}
.morebox
{
font-weight:bold;
color:#333333;
text-align:center;
border:solid 1px #e1e1e1;
background-color:#ffffff;
margin-top:8px;
margin-bottom:8px;
display:block;
font-size:13px;
width:100%;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;

}
.morebox img{ padding:8px;}
.morebox a{text-decoration:none; padding:8px;  display:block}
.morebox a:hover{ text-decoration:none; background-color:#dedede}
.button
{
background-color:#6D84B4;
padding:5px;
color:#fff;
font-weight:bold;
border:solid 1px #333;
font-size:11px;
cursor:pointer;
}
#addphoto
{
font-weight:bold;
}
#camera_error
{
text-align:center;
margin-top:80px;
}

/* Friends */
.count
{
font-family: 'Georgia',Times New Roman,Times,serif;font-size: 26px;
}

.wallbutton {
    background-color: #4169E1;
opacity: 0.8;
-ms-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
float: right;
height: 39px;
overflow: hidden;
margin: 10px 0 0 20px;
padding: 0 25px;
outline: none;
border: 0;
font: 300 15px/39px 'Open Sans', Helvetica, Arial, sans-serif;
text-decoration: none;
color: #fff;
cursor: pointer;
}
.wallbutton:hover
{
	text-decoration:none;
}
.update_box
{
	background-color:#53a93f;
}
.add-box {
    background-color: #6CAD45;
}
.rm-box
{
 background-color: #E06666;
}
.follow, .message
{
widht:190px;margin-left:10px;
}
#bar {
    background-color: #333333;
    border-bottom:solid 1px #000000;
    height: 42px;
    position: fixed;
    width: 100%;
    z-index: 3;
}

#profile_grid
{
width:100%;background-color:#f2f2f2;height:50px;padding:10px;margin-top:10px
}


#prev {
    float: left;
    padding-right: 10px;
}
#next {
    float: right;
    padding-left: 10px;
}

.nbutton {
    background-color: #888 !important;
    background-position: left bottom;
    background-repeat: repeat-x;
    border: 1px solid #666666;
    color: white;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 1px;
    padding: 5px;
    text-shadow: 1px 1px 1px #333333;
}
.nbutton a
{
color:#fff
}
#conversation_count{position: absolute;
    font-style: normal;
    background: #cc0000;
    color:#ffffff;
    padding: 1px 5px;
    border-radius: 2px;
    right: 7px;
    top: -3px;
    font-size: 10px;
    font-weight:bold;
    line-height: 15px;}
#searchbox {
   margin-top:10px;
clear:both;
}

#display {
    background-color: #FFFFFF;
    display: none;
    font-weight: bold;
    overflow: hidden;
    width: 230px;
}
.uiinput {

    background-color: #ffffff;
    padding: 3px 3px 3px 3px;
    width:224px !important;
}
.display_box {
    border-top: 1px solid #DEDEDE;
    font-size: 12px;
    height: 30px;
    padding: 4px;
}
.search_face {
    float: left;
    margin-right: 5px;
    width: 30px;
}
.logo
{
float:left;margin-left:10px
}
.timeago
{
	color:#999999;
	text-decoration:none;	
}
#noupdates
{
	
	color:#b2b2b2;margin-top:30px;text-align:center
}
.small_title {
font-size: 12px !important;
margin-top: 10px;
padding: 4px 0px 4px 0px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
color: #666;
text-shadow: white 0 1px 1px;
-moz-text-shadow: #fff 0 1px 1px;
-webkit-text-shadow: #fff 0 1px 1px;
}
#nav 
{
	list-style:none;
	margin-top:10px;
}
#nav li
{
	float:left;
	margin-left:20px;
	font-size:13px;
}
#nav li a
{
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}
#nav li a:hover
{
	color:#3b5998;
	text-decoration:underline;
}
#footer
{
	padding:10px;text-align:center;clear:both;font-size:12px;margin-top:10px; border-top:1px solid #e1e1e1;clear:both;
}
#main
{
	margin:0px auto; width:860px
}
#main_right
{
	width:550px;float:left; border-left:solid 1px #e1e1e1; padding:10px;margin-top:10px;min-height:550px;
}
#main_right2
{
	width:1100px;float:left; border-left:solid 1px #e1e1e1; padding:10px;margin-top:10px;min-height:550px;
}
#main_left
{
	width:260px;float:left;margin-top:10px;
}
#header
{
	padding:10px 0px 10px 0px; border-bottom:solid 1px #e1e1e1
}


.conList {
border-bottom: solid 1px #dedede;
background-color:#ffffff;
padding: 10px;
min-height: 50px;
cursor: pointer;
}
.conList:hover{background-color:#dedede}
.cname{font-weight:bold;margin-left:10px;font-size:12px}
.reply{margin-left:10px;font-size:11px;color:#666}
.cimg {
width: 50px; height:50px;
float: left;
}

#reply_content, #replylist_content
{
min-height:440px !important;
}
.reply_stbody
{
padding:5px 5px 5px 0px;
overflow:auto;
border-bottom: 1px solid #f2f2f2;
}
.reply_stimg
{
float:left;
min-height:50px;
width:50px;
}
.reply_sttext
{
line-height:20px;
margin-left:70px;
min-height:50px;
word-wrap:break-word;
overflow:hidden;
display:block;
font-size:13px;
background-color:#ffffff;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.reply_sttext b
{
display:block;
}
.reply_sttext b a
{
	color:#000000;
}
.reply_stdelete 
{
font-weight:bold;
float:right;
cursor:pointer;
background:url(../wall_icons/delete.png) no-repeat;

height:14px;
width:14px;
}

.small_text_upper
{
	font-size:12px;color:#999;text-transform:uppercase;
}
#count_block
{
	margin-top:10px;padding-top:10px;padding-bottom:10px;height:30px;
}
#count_block a
{
	display:block;
}
#count_block a:hover
{
	text-decoration:none;
}
.count_inner
{
	float:left;width:100px;
}
.count_inner_margin
{
	border-left:solid 1px #dedede;padding-left:20px
}
input[type="text"], input[type="password"]
{
border:solid 1px #666666;
padding:3px;
}
#settings
{
margin-top:10px;
}
#settings td
{
padding:4px;
font-size:12px;

}
.label
{
text-align:left;
font-weight:bold;
width:120px
}

.msg
{
text-align:center;
font-size:12px;
}
.error
{
color:#cc0000;
}
.succ
{
color:#006699
}
#imageloadstatus
{
	padding:3px;font-size:12px;display:none;
}
textarea { text-align: justify; }
.con_name{display:block;height:70px;text-decoration:none !important}
.con_send{vertical-align:middle; margin-right:5px}
.con_time{margin-left:10px;color:#999;font-size:11px;margin:0px 0px 0px 10px !important;}