#twitterMod { 
	width:300px;
	height:300px;
	overflow:hidden;
	background:#fff url('http://www.branchez-vous.com/images/twitterBV.png') no-repeat top left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10pt;
	position:relative;
	}
	
	#twitterMod a.ctrls {
		display:block;
		height:15px;
		line-height:15px;
		vertical-align:middle;
		float:right;
		margin:8px 10px 0 0px;
		padding:1px 5px;
		border-color:#ccc;
		border-style:solid;
		border-width:1px;
		color:#333;
		text-decoration:none;
		background-color:#efefef;
		font-size:90%;
		cursor:pointer;
		}

		#twitterMod a.on {
			border-bottom-color:#e8edf2;
			background-color:#e8edf2;
		}
		#twitterMod a span {
			display:block;
		}
	
	/* PAGES */
	#twitterMod #twitterPages {
		position:absolute;
		bottom:0; right:0;
	}
	
	#juitterContainer{ clear:right;height:263px;overflow:hidden;} /*Juitter container*/

	#juitterContainer UL.twittList{
		margin:5px 10px 0 10px;padding:0;
		text-align:left;
		} /* UL that will contain the list of tweets */
	
	/* Bellow the list of tweets "<li>" */
	#juitterContainer P.load { 
		width:70%;
		height:100%;
		vertical-align:middle;
		text-align:center;
		font-size:160%;
		color:#666;
		margin:100px auto;
	}
	
	#juitterContainer .twittLI{
		list-style:none;
		margin:0;
		padding:5px 0 0 0;
		border-bottom:solid 1px #cacaca;
		padding:3px;
		clear:both;
		height:45px;
		font-size:7.5pt;
		line-height:1.1em;
		letter-spacing:0em;	
		color:#333;
		font-family:Tahoma, Geneva, sans-serif;
		text-align:left;
		} 
	
	#juitterContainer .twittList A{color:#0066cc;font-weight:bold;} /*Links inside the tweets list */
	
	/* Bellow the CSS for the avatar image  */
	
	#juitterContainer .juitterAvatar{
		float:left;
		border:solid 1px #333;
		margin:3px 5px 0 0;
		width:30px;
		height:30px;}
	
	#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/
	
	#juitterContainer .extLink{} /*CSS for the external links*/
	
	#juitterContainer .hashLink{} /*CSS for the hash links*/
	
		
		
/* SCROLLABLE */

	/* root element for scrollable */
	.vertical {  
		
		/* required settings */
		position:relative;
		overflow:hidden;	
	
		/* vertical scrollers have typically larger height than width */	
		height: 665px;	 
		width: 700px;
		border-top:1px solid #ddd;	
	}
	
	/* root element for scrollable items */
	.items {	
		position:absolute;
		
		/* this time we have very large space for height */	
		height:20000em;	
		margin: 0px;
	}
	
	/* single scrollable item */
	.items div {
		border-bottom:1px solid #ddd;
		margin:10px 0;
		padding:15px;
		font-size:12px;
		height:180px;
	}
	
	/* elements inside single item */
	.items img {
		float:left;
		margin-right:20px;
		height:180px;
		width:240px;
	}
	
	.items h3 {
		margin:0 0 5px 0;
		font-size:16px;
		color:#456;
		font-weight:normal;
	}
	
	/* the action buttons above the scrollable */
	#actions {
		width:700px;
		margin:30px 0 10px 0;	
	}
	
	#actions a {
		font-size:11px;		
		cursor:pointer;
		color:#666;
	}
	
	#actions a:hover {
		text-decoration:underline;
		color:#000;
	}
	
	.disabled {
		visibility:hidden;		
	}
	
	.nextPage {
		float:right;
	}