@charset "utf-8";
/* CSS Document */


/* root element for tabs  */

.tabsBox{
	width:990px;
	float:right;
	position:relative;
	margin-top:60px;
	}
#tabs{

  
}
.mmm{
	height:300px;
	width:500px;
	float:right;
	position:relative;
	clear:right;}	


ul.tabs { 
  
    width:990px;
	float:right;
	list-style:none;

}
.minBox{
 
	padding:25px 19px;
    float: right;
    background:#f2f2f2;
    width: 943px;}
/* single tab */
ul.tabs li { 
	height:100px;
	list-style:none;
	float:right;
	position:relative;
	text-indent:0;
    text-align:center;
    width:109px;
}


/* link inside the tab. uses a background image */
ul.tabs a { 

	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100px;
	text-align:center;	

	

	outline:none;

}


/* when mouse enters the tab move the background image */

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	
	cursor:default !important;
 
	 
	background-color:#f2f2f2;
}
.current p{
    opacity:0 !important;
 }

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */



/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;	
}

/* tab pane styling */
div.panes .panex {
	display:none;	

	
}
#tabscontent{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	width:280px;
	height:224px;

	color:#149ec9;
	text-align:right;
	position:relative;
}
#tabscontent .more4{ position:absolute;
bottom:0;
left:20px;
 width:26px;
 height:10px ;

}
#tabscontent h3{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#CCC; font-size:15px;margin:0 0 15px 0}
#tabscontent>p{	
}
#tabscontent .text{	


	margin:0px 0 0 0;
	padding:0;
	text-align:justify;
	color:#FFF;
	line-height:12px;
}
#tabscontent>p a:link, a:active{
	color:#333;
	text-decoration:none;
}
#tabscontent>p a:visited{
	color:#333;
	text-decoration:none;
}
#tabscontent>p a:hover{
	color:#f17c15;
	text-decoration:underline;
}