/* @override http://www.medcottage.com/joomla/modules/mod_lofarticlesslideshow/assets/mod_lofarticlesslideshow.css */

/* @override http://www.medcottage.com/joomla/modules/mod_lofarticlesslideshow/assets/mod_lofarticlesslideshow.css */



@charset "utf-8";



/* CSS Document */



.lof-slidecontent{



	position:relative;



	overflow:hidden;



	border:#F4F4F4 solid 1px;



	width:auto;



	height:auto



}



	



.lof-slidecontent li {



	list-style-type:none!important;	



}



.lof-slidecontent h4 {



	text-transform:inherit;



}



.lof-slidecontent .preload{



	height:100%;



	width:100%;



	background:#FFF;



	position:absolute;



	top:0;



	left:0;



	z-index:100000;



	color:#FFF;



	text-align:center



}



.lof-slidecontent .preload div{



	height:100%;



	width:100%;



	background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%;



}



/* main flash */



.lof-main-wapper{



	



	overflow:hidden;



	background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%;



	padding:0px;



	height:100%;



	width:600px;



	position:relative;



	overflow:hidden;



}







.lof-main-wapper .lof-main-item{



	overflow:hidden;



	padding:0px;



	margin:0px;



	height:100%;



	width:100%;



	position:absolute;



}



.lof-main-wapper .lof-main-item img{



	padding:0px;	



}







.lof-main-item-desc{



	z-index:3;



	position:absolute;



	top:150px;



	left:50px;



	width:400px;



	background:url(images/transparent_bg.png);

	display: none;







	/* filter:0.7(opacity:60) */



}



.lof-main-item-desc p{



	color:#FFF;



	margin:0 8px;



	padding:8px 0



}



.lof-main-item-desc h4 a{



	color:#FFF;	



	margin:0;



	font-size:140%;



	padding:20px 8px 2px;



	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;



}



.lof-main-item-desc h4 a:hover{



	color:#FF6;



	text-decoration:underline;



}











/* item navigator */



ul.lof-navigator{



	top:0;



	padding:0;



	margin:0;



	position:absolute;



	width:100%;



}



ul.lof-navigator li{



	cursor:hand; 



	cursor:pointer;



	list-style:none;



	width:100%;



	padding:0!important;



	margin:0!important;



	overflow:hidden;



}



.lof-navigator-outer{



	position:absolute;



	right:0;



	top:00px;



	z-index:3;



	height:300px;



	width:310px;



	overflow:hidden;



	color:#FFF



}



.lof-navigator li.active{



	background:url(images/arrow-bg.png) no-repeat scroll left center; 



	color:#FFF



}



.lof-navigator li:hover{



	



}











.lof-navigator li h4{



	color:#FFF;



	font-size:100%;



	padding:35px 0 0 !important;



	margin:0;







}



.lof-navigator li div{



	background:url(images/transparent_bg.png);



	color:#FFF;



	height:100%;



	position:relative;



	margin-left:15px;



	padding-left:15px;



	border-top:1px solid #E1E1E1;



}







.lof-navigator li.active div{



	background:url(images/grad-bg.gif);



	color:#FFF;



}



.lof-navigator li img{



	margin:15px 15px 10px 0px;



	float:left;



	border:#F5F5F5 solid 2px;



}







.lof-navigator li.active h4{



	color:#FFF;



}



.lof-next{



	position:absolute;



	top:0;



	height:30px;



	background:#F9F9F9;



	display:block;



	width:100%;



}



.lof-previous{



	position:absolute;



	bottom:0;



	height:30px;



	background:#F9F9F9;



	display:block;



	width:100%;



}



/**



 * Theme setting



 */



 /* grey theme */



	.grey{



		border:1px solid #C5C5C5;	



	}



   .grey .lof-navigator li{



		background:none!important;   



   }



    .grey .lof-navigator li div{



		border-top:	1px solid #C5C5C5;



	}







   



  .grey .lof-navigator li.active div{



	background:url(images/grey/grad-bg.png) repeat-x !important;  



	color:#FFF



   }



 /* blue */



 	.blue{



		border:1px solid #D9E1E7;	



	}



	.blue .lof-navigator li{



		background:none;	



	}



   .blue .lof-navigator li div{



		background:#F3F8FB;



   }







   



  .blue .lof-navigator li.active div{



	background:url(images/blue/grad-bg.png) repeat-x  !important; 



	color:#FFF



   }



  .blue .lof-navigator h4{



		color:#3B6197  



  }



  .blue .lof-navigator li div{



  	color:#676767;



	border-top:1px solid #D9E1E7;



  }



  /**



   * red



   */



  	.red{



		border:1px solid #E5D7F1;	



	}



   .red .lof-navigator li{



		background:none!important;   



   }



    .red .lof-navigator li div{



		border-top:	1px solid #C5C5C5;



	}



  



   



  .red .lof-navigator li.active div{



	background:url(images/red/grad-bg.png) repeat-x !important; 



	color:#FFF



   } 



/**



   * purple



   */



  	.purple{



		border:1px solid #E5D7F1;	



	}



   .purple .lof-navigator li{



		background:none!important;   



   }



    .purple .lof-navigator li div{



		border-top:	1px solid #E5D7F1;



		background:#F9F6FD;



		  	color:#676767;



	}



   



   



  .purple .lof-navigator li.active div{



	background:url(images/purple/grad-bg.png) repeat-x  !important;  



	color:#FFF



   }  



	.purple .lof-navigator h4{



		color:#662072  



	}



	



    /**



   * purple



   */



  	.pink{



		border:1px solid #E5D7F1;	



	}



   .pink .lof-navigator li{



		background:none!important;   



   }



    .pink .lof-navigator li div{



		border-top:	1px solid #E5D7F1;



		background:#F9F6FD;



		  	color:#676767;



	}



  



   



  .pink .lof-navigator li.active div{



	background:url(images/pink/grad-bg.png) repeat-x !important;  



	color:#FFF



   }  



	.pink .lof-navigator h4{



		color:#b40c81  



	}



   



  /** css for override **/



	/* move the main wapper to the right side */



	.lof-snleft .lof-main-wapper{



		margin-left:auto;



		margin-right:inherit;



		clear:both;



		height:300px;



	}



	.lof-snleft .lof-main-item img {



		float:right;		



	}	



	/* move the navigator to the left  side */



	.lof-snleft .lof-navigator-outer{



		left:0;



		top:0;



		right:inherit;



		text-align:left;



	}



	.lof-snleft .lof-main-item-desc{



		left:auto;



		right:50px;



	}



	.lof-snleft .lof-navigator .active{



		background:url(images/arrow-bg2.gif) center right no-repeat;



	}



	.lof-snleft .lof-navigator li div{



		margin-left:inherit;



		margin-right:18px;



	}



	



	.lof-snleft .lof-navigator li.active div{



		margin-left:inherit;



		margin-right:18px;



		background:url(images/grad-bg2.gif)



		



	}