/************** css for popular tweets ***********************/

#PopularTweets {
	text-align: left;
	float: right;
	width: 325px;
    /*border-right : 1px solid Thistle;*/
   margin : 10px 0;
}

#PopularTweets div#TimelineName{
	font-family:Georgia;
    font-size : 25px;
    text-align: left;
   	float: left;
	width: 325px;
    margin : 0px 0 0 0px;
    border-bottom : 1px solid #c1e287;
}

#PopularTweets div#TimelineName span#TimeLine
{
    font-family:Georgia;
    font-size : 25px;
    text-align: left;
    color : #000000;
	float: left;
    padding-right:5px;
}

#PopTweets{
  float:left;
  padding-left : 10px; 
  width : 300px;
  margin-bottom:15px;
}

#myId{
	border: 2px solid green; 
    background: blue;
	color: white;
	fontWeight: bold;
} 
					    

/********************************/

#leftDiv {
float:left;
width:100px;
padding-top:0px;
}

#PopTweets div#topSection{
text-decoration: none;
	padding:10px 0 18px 13px;
	
	list-style: none;
	/*background: #DCF1FF;*/
	margin-top:15px;
	float:left;
    -moz-border-radius : 10px;
    -webkit-border-radius: 10px;
   
    background-color : #DCF1FF;
	
}

#firstTable {
width:182px;
float:left;
height:137px;
background-color:#dedede;
align:center;
valign:middle; 
}

#firstTable tr td{
text-align:center;
align:center;
valign:middle; 
}


.firstImage {
		/*border: 3px solid rgb(64, 64, 64);*/
	    /*width:auto;*/
        max-height:135px;
        height:expression(this.height<=135?true:"135px");
        max-width:180px;
        width:expression(this.width<=180?true:"180px");
        /*margin-top:10px;*/
       /* height:135px;
        width:180px;*/
        vertical-align:bottom;
        /*border:1px solid black;*/
       /* padding-right:10px;*/
        cursor : pointer;
        /*margin-left:5px;*/
        /**/
      /* valign:center;
       position:center center;*/
}

#secondTable {
width:130px;
float:left;
height:98px;
text-align:center;
background-color:#dedede;
align:center;
valign:middle; 
}

#secondTable tr td{
text-align:center;
align:center;
valign:middle; 
}

.secondImage {
		/*border: 3px solid rgb(64, 64, 64);*/
	   /* width:auto;*/
        max-height:96px;
        height:expression(this.height<=96?true:"96px");
        max-width:128px;
        width:expression(this.width<=128?true:"128px");
       /* height:96px;
        width:128px;*/
        /*border:1px solid black;*/
        padding:0px;
        cursor : pointer;
        vertical-align:bottom;
        /*background-image : url('../images/130x98.png');*/
         
}

#thirdTable {
width:82px;
float:left;
height:61px;
background-color:#dedede;
align:center;
valign:middle; 
}

#thirdTable tr td{
text-align:center;
align:center;
valign:middle; 
}


.thirdImage {
		/*border: 3px solid rgb(64, 64, 64);*/
	    /*width:auto;*/
        max-height:60px;
        height:expression(this.height<=60?true:"60px");
        max-width:80px;
        width:expression(this.width<=80?true:"80px");
       /* height:60px;
        width:80px;*/
    /*    border:1px solid black;*/
       vertical-align:bottom;
        cursor : pointer;
        /*horizontal-align:centre;
        /*background-image : url('../images/80x60.png');
        /*background-image : url('../images/130x98.png');
         z-index:20;*/
}

#fourthTable {
width:62px;
float:left;
height:47px;
background-color:#dedede;
align:center;
valign:middle; 
}

#fourthTable tr td{
text-align:center;
align:center;
valign:middle; 
}


.fourthImage {
		
	    /*width:auto;*/
        max-height:45px;
        height:expression(this.height<=45?true:"45px");
        max-width:60px;
        width:expression(this.width<=58?true:"58px");
        /* height:45px;
        width:60px;*/
        /*border:1px solid black;*/
        padding :0;
        cursor : pointer;
        vertical-align:bottom;
       /* margin-right:5px;*/
       
     
       
}

/************************** css for first section********************************/
#firstSection{
	width:274px;
	height:64px;
	margin-bottom:10px;
}

#firstSection  div#first{
width:82px;
height:64px;
/*background-image : url('../images/80x60.png');
background-repeat:no-repeat;
background-position:top left;*/
float:left;
margin-right:14px;
/*background-color:#dedede;*/
/*text-align:center;*/
}

#firstSection  div#second{
width:82px;
height:64px;
/*background-image : url('../images/80x60.png');
background-repeat:no-repeat;
background-position:top left;*/
float:left;
margin-right:14px;
/*padding-bottom:17px;*/
/*background-color:#dedede;*/
/*text-align:center;*/
}

#firstSection  div#third{
width:82px;
height:64px;
/*background-image : url('../images/80x60.png');
background-repeat:no-repeat;
background-position:top left;*/
float:left;
/*padding-bottom:17px;*/
/*background-color:#dedede;*/
/*text-align:center;*/
}


/************************** css for second section********************************/
#secondSection{
	width:274px;
	height:137px;
	margin-bottom:10px;
}

#secondSection  div#left{
width:82px;
height:137px;
float:left;
margin-right:10px;
}

#secondSection  div#left div#first{
width:82px;
height:62px;
/*background-image : url('../images/80x60.png');
background-repeat:no-repeat;
background-position:top left;*/
margin-bottom:13px;
float:left;
/*background-color:#dedede;*/
/*text-align:center;*/
}

#secondSection  div#left div#second{
width:82px;
height:62px;
/*background-image : url('../images/80x60.png');
background-repeat:no-repeat;
background-position:top left;*/
float:left;
/*background-color:#dedede;*/
/*text-align:center;*/
}

#secondSection  div#right{
	width:182px;
	/*background-image : url('../images/180x135.png');
	background-repeat:no-repeat;
	background-position:top left;*/
	float:left;
	/*padding-bottom:41px;*/
	
	height:137px;
	/*text-align:center;
	display:table-cell; 
	vertical-align:middle;*/
	/*background-color:#dedede;*/
}

/************************** css for second section********************************/
#thirdSection{
	width:274px;
	height:98px;
	margin-bottom:10px;
}

#thirdSection  div#left{
width:130px;
height:98px;
float:left;
margin-right:14px;
/*background-color:#dedede;*/
/*background-image : url('../images/128x96.png');
background-repeat:no-repeat;
background-position:top left;*/

}

#thirdSection  div#right{
width:130px;
float:left;
height:98px;
/*background-color:#dedede;*/
/*background-image : url('../images/128x96.png');
background-repeat:no-repeat;
background-position:top left;*/

}

/************************** css for second section********************************/

#fourthSection{
	width:274px;
	height:98px;
}

#fourthSection div#left{
width:129px;
margin-right:15px;
float:left;
}

#fourthSection div#left div#first{
width:62px;
height:47px;
margin-right:5px;
margin-bottom:4px;
/*background-image : url('../images/60x45.png');
background-repeat:no-repeat;
background-position:top left;*/
float:left;
/*background-color:#dedede;*/
}

#fourthSection div#left div#second{
	width:62px;
	height:47px;
	/*background-image : url('../images/60x45.png');
	background-repeat:no-repeat;
	background-position:top left;*/
	float:left;
	margin-bottom:4px;
	/*background-color:#dedede;*/
}

#fourthSection  div#left div#third{
	width:62px;
	height:47px;
	/*background-image : url('../images/60x45.png');
	background-repeat:no-repeat;
	background-position:top left;*/
	float:left;
	margin-right:5px;
	/*background-color:#dedede;*/
}

#fourthSection div#left  div#fourth{
	width:62px;
	height:47px;
	/*background-image : url('../images/60x45.png');
	background-repeat:no-repeat;
	background-position:top left;*/
	float:left;
	/*background-color:#dedede;*/
}


#fourthSection div#right{
	width:130px;
	height:98px;
	/*background-image : url('../images/128x96.png');
	background-repeat:no-repeat;
	background-position:top left;*/
	float:left;
	background-color:#ffffff;
}

/********************************/


#PopTweets ul {
	text-decoration: none;
	padding-top: 50px;
	padding-left: 10px;
	padiing-right:10px;
	list-style: none;
	background: #DCF1FF;
}

#PopTweets li {
	margin-bottom: 25px;
	text-decoration: none;
	list-style: none;
	padding: 10px;
	white-space: normal;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #f3faff;
	overflow: hidden; 
   /* border-bottom : 4px solid CadetBlue;*/
}

#PopTweets li tr {
	height:80px;
	width:275px;
}

#PopThumb {
	/*border: 3px solid rgb(64, 64, 64);*/
	width: 1px;
	height: 86px;
    vertical-align:	middle;
    text-align: 	center;
    /*background-color : #d4d4d4;*/
      background-repeat: no-repeat;
    float:left;
}

.ContentThumbPop {
		border: 3px solid rgb(64, 64, 64);
	    width:auto;
        max-height:80px;
        height:expression(this.height<=120?true:"120px");
        max-width:275px;
        width:expression(this.width<=160?true:"160px");
        border:0;
        vertical-align:	middle;
    	text-align: 	center;
        padding : 3px 165px 0 0;
        cursor : pointer;
}

#TextPopularTweetMsg {
	font-size: 12px;
	padding-left: 0px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    float:left;
    width:250px;
     
}


.tooltip{
    margin-left:10px;
    display:none;
    border:solid 1px #7DA7D9;
    padding:5px;
    background-color:#ffffff;
    position:absolute;
}




#PopularMembers {
	text-align: left;
	float: right;
	width: 325px;
    /*border-right : 1px solid Thistle;*/
    margin : 10px 0;
}

#PopularMembers div#TimelineName{
	font-family:Georgia;
    font-size : 25px;
    text-align: left;
   	float: left;
	width: 325px;
    margin : 0px 0 0 0px;
    border-bottom : 1px solid #c1e287;
}

#PopularMembers div#TimelineName span#TimeLine
{
    font-family:Georgia;
    font-size : 25px;
    text-align: left;
    color : #000000;
	float: left;
    padding-right:5px;
}

#PopMembers{
  float:left;
  padding-left : 10px; 
  width : 300px;
  margin-bottom:15px;
  margin-top:20px;
}

#PopMembers a{
  border : 1px solid rgb(87,133,0);
  float:left;
  width : 50px;
  height : 50px;
  cursor :pointer;
  padding:1px;
  margin:3px; 
}

#PopMembers a img{
  width : 50px;
  height : 50px;
  float:left;
   
}


/** Trending topics **/
#DownloadNow {
	text-align: left;
	float: right;
	width: 325px;
    /*border-right : 1px solid Thistle;*/
   
   text-align:center;
}

#DownloadNow div#TimelineName{
	font-family:Georgia;
    font-size : 25px;
    text-align: left;
   	float: left;
	width: 325px;
   
    border-bottom : 1px solid #c1e287;
    margin-bottom:10px;
}

#DownloadNow div#TimelineName span#TimeLine
{
    font-family:Georgia;
    font-size : 25px;
    text-align: left;
    color : #000000;
	float: left;
    padding-right:5px;
}

#WhtsTvider {
	text-align: left;
	float: right;
	width: 325px;
    /*border-right : 1px solid Thistle;*/
    margin : 10px 0;
}

#WhtsTvider div#TimelineName{
	font-family:Georgia;
    font-size : 25px;
    text-align: left;
   	float: left;
	width: 325px;
    margin : 0px 0px 10px;
    border-bottom : 1px solid #c1e287;
}

#WhtsTvider div#TimelineName span#TimeLine
{
    font-family:Georgia;
    font-size : 25px;
    text-align: left;
    color : #000000;
	float: left;
    padding-right:5px;
}

/** Trending topics **/
#TrendingTopic {
	text-align: left;
	width: 325px;
    /*border-right : 1px solid Thistle;*/
    margin : 10px 0;
}

#TrendingTopic div#TimelineName{
	font-family:Georgia;
    font-size : 25px;
    text-align: left;
   	float: left;
	width: 325px;
    margin : 0px 0px 10px;
    border-bottom : 1px solid #c1e287;
}

#TrendingTopic div#TimelineName span#TimeLine
{
    font-family:Georgia;
    font-size : 25px;
    text-align: left;
    color : #000000;
	float: left;
    padding-right:5px;
}


#Topics{
  float:left;
  padding-left : 10px; 
  width : 300px;
  margin-bottom:15px;
  
}
#Topics span{
   width : 300px;
   float:left;
   font-family:Arial;
    font-size : 17px;
    text-align: left;
    color : #000000;
   
}
#Topics a{
  float:left;
  cursor :pointer;
  padding:1px;
  
  
}

#Topics a:hover{
  
  cursor:pointer;
   
}


.Medium{
	 
	 background:#000000;
	 width:85px;
	 height:52px;
	 vertical-align: middle;
	 text-align: center;
	 
	}

	
.Big{
	 
	 background:#000000;
	 width:130px;
	 height:80px;
	 vertical-align: middle;
	 text-align: center;
	}
	
	
.Small{
	 
	 background:#000000;
	 width:64px;
	 height:39px;
	 vertical-align: middle;
	 text-align: center;
	}
	
.SmallContainer{
	
	width:130px;
	height:80px;
	}
	
	
	
.BigImg {
     
        max-height:80px;
        height:expression(this.height<=80?true:"80px");
        max-width:130px;
        width:expression(this.width<=130?true:"80px");
        cursor:pointer;
}

.MediumImg {
     
        max-height:52px;
        height:expression(this.height<=52?true:"52px");
        max-width:85px;
        width:expression(this.width<=85?true:"85px");
        cursor:pointer;
}

.SmallImg {
     
        max-height:39px;
        height:expression(this.height<=39?true:"39px");
        max-width:64px;
        width:expression(this.width<=64?true:"64px");
        cursor:pointer;
}

.ToolTip{
  font-family:georgia;
  width:100%;
  padding-top:3px;
}