@CHARSET "UTF-8";

/* Main CSS file for the Web View - Contains the CSS for Header and Footer of the page and common page parameters */
	
/* Basic Style for the entire HTML tags */

#PlayerViewContent{
   width: 620px;
	clear: both;
	
	background-color: white;
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
    
    float:left;
    margin : 0px 0px 10px 0px;
  
}

#TweetDetail{
	 width: 620px;
	clear: both;
	
	background: #F5F5F5 none repeat scroll 0 0;
	
	border-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright:8px;
	-webkit-border-radius: 8px;
    
    float:left;
    margin : 0px 0px 10px 0px;
   
	}
	
#PlayerView{
   margin-top : 10px;
   width : 620px;
   height : 100%;
   float:left;
}

#Player{
  width : 600px;
  float:left;
 /* height : 360px;*/
 margin-bottom:10px;
 
  margin-left:10px;
}

.PlayerImage
{
  		
	    width:auto;
        
        
        max-width:580px;
        width:expression(this.width<=580?true:"580px");
        vertical-align:	middle;
    	text-align: 	center;
 }

#TweetDetails{
  width : 600px;
  float:left;
  /*height : 240px;*/
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  background-color :rgb(209,249,252);
  /*padding : 0 0 10px;*/
   margin-bottom:5px;
  margin-left:10px;
  padding-bottom:10px;
 padding-top:10px;
}

#ProfileImageView{
   width : 50px;
   height : 50px;
   float:left;
   margin : 10px;
}


#TweetDetailsView{
  width : 600px;
  float:left;
}

#PlayerViewContent span#TweetDetailsOwner{
  width : 540px;
  font-family:Arial; 
    font-style:normal; 
    font-size:17px; 
    outline:none; 
    color:#0b4a6b; 
    
    margin-top:6px;
    text-align : left;
    float:left;
    overflow:hidden;
}
#PlayerViewContent span#CurrentUserName{
  	width : 500px;
  	font-family:georgia; 
    font-style:normal; 
    font-size:25px; 
    outline:none; 
    color:#0085D9; 
    
    margin-top:6px;
    text-align : left;
    float:left;
    overflow:hidden;
}

.userBio{
  	width : 500px;
  	font-family:georgia; 
    font-style:normal; 
    font-size:15px; 
    outline:none; 
    color:DimGray; 
    
    margin-top:5px;
    text-align : left;
    float:left;
    overflow:hidden;
}

.userStats{
  	width : 90px;
  	font-family:georgia; 
    font-style:normal; 
    font-size:15px; 
    outline:none; 
    color:DimGray; 
    
    margin-top:5px;
    text-align : left;
    float:left;
    overflow:hidden;
    padding-left:5px;
    text-transform: lowercase;
    border-left:1px dotted lightGrey;
}

.userStat{
  	width : 90px;
  	font-family:georgia; 
    font-style:normal; 
    font-size:15px; 
    outline:none; 
    color:DimGray; 
    text-transform: lowercase;
    margin-top:5px;
    text-align : left;
    float:left;
    overflow:hidden;
}

.userInfo{
  	font-family:georgia; 
    font-style:normal; 
    font-size:15px; 
    outline:none; 
    color:#444444; 
    margin-top:5px;
    text-align : left;
    overflow:hidden;
}

.userInfoStat{
	width:90px;
  	font-family:georgia; 
    font-style:normal; 
    font-size:15px; 
    outline:none; 
    color:#444444; 
    text-transform: lowercase;
    margin-top:5px;
    text-align : left;
    float:left;
    overflow:hidden;
    border-left:1px dotted gray;
    padding-left:5px;
}

.userInfoStats{
	width:90px;
  	font-family:georgia; 
    font-style:normal; 
    font-size:15px; 
    outline:none; 
    color:#444444; 
    text-transform: lowercase;
    margin-top:5px;
    text-align : left;
    float:left;
    overflow:hidden;
 }


.RssFeed{
  float:right;
  margin:60px 10px 10px 0;
  cursor:pointer;
}
#CurrentUserImage{
   width : 60px;
   text-align:center;
   float:left;
   margin : 10px;
   min-height:130px;
   
}
.FollowUser{
	
 	height : 19px;
	width : 52px;
    background-image : url('../images/follow.png');
	background-repeat: no-repeat;
	text-align : middle;
    float: left;
   
    font-size : 16px;
    cursor : pointer;
    color : #ffffff;
    font-family:arial;
    margin:5px 0 0 3px;
    font-weight:bold;
    padding-top:3px;
}



#CurrentUserImage span#FollowUser:hover{
  
  height : 19px;
	width : 52px;
    background-image : url('../images/follow_hover.png');
	background-repeat: no-repeat;
	text-align : middle;
    float: left;
   
    font-size : 16px;
    cursor : pointer;
    color : #ffffff;
    font-family:arial;
    margin:5px 0 0 3px;
    font-weight:bold;
    padding-top:3px;
}


#TweetDetailsView span#TweetDetailsMessage{
    width : 380px;
    font-family:Georgia; 
    font-style:italic; 
    font-size:14px; 
    outline:none; 
    color:#0b4a6b; 
    padding:0 10px 10px;
    font-weight:bold;
    text-align : left;
    float:left;
    overflow:hidden;
}

#PlayerViewContent span#TweetDetailsMsg{
    width : 500px;
    font-family:Georgia; 
    font-style:normal; 
    font-size:14px; 
    outline:none; 
    color:#0b4a6b; 
    padding-bottom:5px;
    
    text-align : left;
    float:left;
}

#PlayerView span#Embed{
    width : 170px;
    font-family:Georgia; 
    font-style:normal; 
    font-size:17px; 
    outline:none; 
    color:#0b4a6b; 
    
    text-align : left;
    float:left;
   text-indent : 10px;
}

#PlayerView span#EmbedGigya{
    width : 190px;
    font-family:Georgia; 
    font-style:normal; 
    font-size:17px; 
    outline:none; 
    color:#0b4a6b; 
    
    text-align : left;
    float:left;
   text-indent : 10px;
}

#EmbedCode{
   width : 440px;
   height : 80px;
   float:left;
   margin : 0 10px;
}

#TweetDetailsView span#Retwit{
 /*height : 30px;*/
    padding:4px 0px;
	width : 140px;
     border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	text-align : middle;
    float: left;
    
    
    cursor : pointer;
    border-color:gray;
    font-size : 20px;
    text-indent : 10px;
    font-family:Georgia; 
    margin : 0px;
    color : rgb(49,152,211);
    background-color:#ffffff;
}
#TweetDetailsView span#Retwit:hover{
  color: rgb(154, 0, 218);
}

#TweetDetailsView span#RmtZoom{
 height : 30px;
	width : 130px;
     border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	text-align : middle;
    float: left;
    
    
    cursor : pointer;
    border-color:gray;
    font-size : 20px;
    text-indent : 10px;
    font-family:Georgia; 
    margin : 0px 10px;
    color : rgb(49,152,211);
    background-color:#ffffff;
}

#TweetDetailsView span#RmtZoom:hover{
  color: rgb(154, 0, 218);
}

#TweetDetailsView span#Favorites{
 /*height : 30px;*/
    padding:4px 0px;
	width : 140px;
     border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	text-align : middle;
    float: left;
    
    
    cursor : pointer;
    border-color:gray;
    font-size : 20px;
    text-indent : 10px;
    font-family:Georgia; 
    margin : 0px;
    color : rgb(49,152,211);
    background-color:#ffffff;
}

#TweetDetailsView span#Favorites:hover{
  color: rgb(154, 0, 218);
}

#TweetDetailsView span#Reply{
  /*height : 30px;*/
    padding:4px 0px;
	width : 140px;
     border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	text-align : middle;
    float: left;
    
    
    cursor : pointer;
    border-color:gray;
    font-size : 20px;
    text-indent : 10px;
    font-family:Georgia; 
    margin : 0 10px;
    color : rgb(49,152,211);
    background-color:#ffffff;
}



#TweetDetailsView span#Reply:hover{
  color: rgb(154, 0, 218);
}

#TweetDetailsView span#NewTweet{
  font-family:Georgia; 
  height : 26px;
	width : 115px;
    background-image : url('../images/new_tweet.gif');
	background-repeat: no-repeat;
	text-align : middle;
    float: left;
    padding : 3px 3px 3px 0;
    font-size : 13px;
    cursor : pointer;
    color : #ffffff;
    font-size : 15px;
    text-indent : 30px;
       margin : 10px;

}



#TweetDetailsView span#NewTweet:hover{
  text-decoration:underline;
}

#TweetDetailsView span#retweeting{
 	 height : 30px;
	width : 145px;
     border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
	text-align : middle;
    float: left;
    
    
   
    border-color:gray;
    font-size : 20px;
    text-indent : 10px;
    font-family:Georgia; 
    margin : 10px 20px;
    color : rgb(49,152,211);
    background-color:#ffffff;
}

#TweetDetailsView span#ReplyFormArea
{
   display : none;
   float:left;
   margin :-10px 10px;
}

.text_reply { 
    border:1px solid #b5d8ed; 
    font-family:Georgia; 
    font-style:italic; 
    margin:10px 0px 0px 0px; 
    font-size:14px; 
    height:40px; 
    outline:none; 
    color:black; 
    padding:5px 0 0 5px;
    width : 440px;
    text-indent : 5px;
}

.updateReply {

    

   height : 27px;
	width : 79px;
    background-image : url('../images/button.png');
	background-repeat: no-repeat;
	text-align : middle;
    float: left;
   /* padding : 5px 3px 3px 0;*/
    font-size : 16px;
    cursor : pointer;
    color : #ffffff;
    font-size : 16px;
    /*text-indent : 20px;*/
    font-family : "Arial";
    text-align:center;
    font-weight:bold;
    padding-top:3px;

}

.updateReply:hover {

    

   height : 27px;
	width : 79px;
    background-image : url('../images/button_hover.png');
	background-repeat: no-repeat;
	text-align : middle;
    float: left;
   /* padding : 5px 3px 3px 0;*/
    font-size : 16px;
    cursor : pointer;
    color : #ffffff;
    font-size : 16px;
    /*text-indent : 20px;*/
    font-family : "Arial";
    text-align:center;
    font-weight:bold;
    padding-top:3px;

}

.updateReply_disabled
{

  height : 27px;
	width : 79px;
    background-image : url('../images/button.png');
	background-repeat: no-repeat;
	text-align : middle;
    float: left;
    /*padding : 5px 3px 3px 0;*/
    font-size : 16px;
    cursor : text;
    color : gray;
    font-family : "Arial";
    text-align:center;
    padding-top:3px;
    font-weight:bold;
    /*text-indent : 20px;*/
}


#ViewDetails{
	float:left;
    font-size : 14px;
    font-family:Georgia; 
    color : #0B4A6B;
    font-weight:bold;
    text-align : left;
    
}

#ViewDetails span#ViewThumb{
    padding:10px;
   	float:left;
    cursor : pointer;
}
#ViewDetails span#ViewThumb img{
    width : 50px;
    height : 50px;
    float:left;
    cursor : pointer;
}

#ViewDetails span#PostedBy{
    margin-top:10px;
	float:left;
}

#ViewDetails span#Message{
    margin-top:10px;
   	float:left;
    width : 850px;
}

#ViewDetails span#Arrow{
    margin-top:20px;
   	float:left;
    cursor : pointer;
}


#CommentsArea{
    width: 600px;
	clear: both;
	/*background-color: rgb(245,245,245);
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;*/
    
    float:left;
    margin : 9px;
   /* border:1px solid rgb(245,245,245);*/
    min-height:130px;
}

.Italic{
   color: #0B4A6B;
   font-family:georgia;
   font-size: 12pt;
   font-style : italic;
   padding:10px 0px 5px 10px;
   font-weight : bold;

  
}

.right{
   float:right;
}
.action_box{
   /*background : #FFFFFF none repeat scroll 0 0;*/
   border-left : 1px solid #868686;
   padding : 10px;
   width : 355px;
   min-height : 50px;
   margin-left:10px;
   margin-bottom:10px;
   float:left;
   overflow:hidden;
}
.action_box_small
{
	background : #F5F5F5 none repeat scroll 0 0;
   padding : 10px;
   width : 580px;
   min-height : 45px;
   /*margin-right:10px;*/
   margin-bottom:10px;
   float:right;
}

.action_box_normal
{
	background : #FFFFFF none repeat scroll 0 0;
   padding : 10px;
   width : 560px;
   min-height : 45px;
   margin-right:10px;
   margin-bottom:10px;
   float:right;
}

.curved_x{
  -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
 }

.action_box_update
{
	background : #666666 none repeat scroll 0 0;
   padding : 10px;
   width : 510px;
   min-height : 45px;
   margin-right:10px;
   margin-bottom:10px;
   float:right;
}

.inlinebox{
  width : 660px;
}

.left{
  float:left;
  
}

.text_normal{
   border: 1px solid lightGrey;
   font-family : georgia;
   font-size: 12px;
   font-style:italic;
   online-color : -moz-use-text-color;
   online-style:none;
   online-width : medium;
}

.bt_add_comment{
   height : 22px;
   line-height : 22px;
   width :130px;
   color:white;
}

.curved4px{
  -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.abutton{
  background : #0078CE none repeat scroll 0 0;
  padding : 0px;
  font-family : georgia;
  cursor:pointer;
  text-align:center;
  margin-left:427px;
}

.updateButton{
	
  background : none repeat scroll 0 0 lightGray;
  padding : 0px;
  font-family : georgia;
  cursor:pointer;
  text-align:center;
  margin-left:398px;
  -moz-border-radius :4px 4px 4px 4px;
}

.bt_add_updateButton{
   height : 22px;
   line-height : 22px;
   width :100px;
   color:black;
}

.bbutton{
	
  background : #0078CE none repeat scroll 0 0;
  padding : 0px;
  font-family : georgia;
  cursor:pointer;
  text-align:center;
  margin-left:418px;
}

.comment_disabled{
    background : gray none repeat scroll 0 0;
  	padding : 0px;
  	font-family : georgia;
  	cursor:default;
  	text-align:center;
	text-decoration:none;
}

.age{
	font-family: Georgia;
	font-weight: 12px;
	color:gray;
    float:left;
    text-align : right;
   font-style : italic;
   /*margin-left:10px;*/
   /*margin-top:15px;*/
   /*width:450px;*/
   width:70%;
   
}

#SingleComment{
  width : 900px;
  float:left;
}
#CommentThumb {
	width: 35%;
	height: 45px;
	vertical-align : bottom;
    float:left;
    text-align:right;
    margin-top:10px;
}

#CommentTempThumb {
	min-width: 55px;
	min-height: 45px;
	vertical-align : bottom;
    float:left;
    background : #FFFFFF none repeat scroll 0 0;
    padding : 10px;
    margin-left:10px;
  	margin-bottom:10px;
   
}


#DeleteComment{
   font-family: Georgia;
	font-weight: 12px;
	color:#0078CE;
    float:left;
    text-align : right;
   font-style : normal;
  /* margin-left:10px;*/
   width:350px;
   margin-top:30px;
}

#CommentBtn:hover{
  text-decoration:underline;
}

#DeleteComment:hover{
  text-decoration:underline;
}

.Remove{
  cursor : pointer;
}

.favandview{
 
 color:#444444;

 font-family :arial;
 vertical-align:middle;
 font-size:15px;
 width : 150px;
}

#ReplyPane{
	display:none;
	width: 575px;
	float:left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    border:1px solid lightGrey;
	background: #ffffff;
	margin-top:10px;
	margin-left:10px;
	padding-left:5px;
	padding-bottom:10px;
	padding-top:10px;
}