/* Buttons styles */

a.shortcode-button{

    background: linear-gradient(to bottom, #ECEBEB 0%, #F7F7F7 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D9DBDB;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: #FFF !important;
    cursor: pointer;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    margin: 0 5px 0 0;
    padding: 6px 10px 7px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: inherit !important;
    text-transform: inherit !important;
    transition: background-color 0.15s ease-in-out 0s;
    width: auto;
	transition:0.3s all;
}	

a.shortcode-button:hover{
	opacity:0.7;
}

div.buttons.medium a.shortcode-button{
	padding:7px 15px 8px;
	font-size:13px;
}

div.buttons.large a.shortcode-button{
	padding:6px 12px 7px;
	font-size:15px;
}

a.shortcode-button.gray{
	background: linear-gradient(to bottom, #CCCCCC 0%, #BFBFBF 50%, #B3B3B3 100%) repeat scroll 0 0 transparent !important;
    border: 1px solid #B4B4B4 !important;	
}

a.shortcode-button.red{
	background: linear-gradient(to bottom, #F77485 1%, #F70B29 100%) repeat scroll 0 0 transparent !important;
    border: 1px solid #F70E2C !important;
}
a.shortcode-button.yellow{
	background: linear-gradient(to bottom, #FADFAF 0%, #FCD083 50%, #FEC259 100%) repeat scroll 0 0 transparent !important;
    border: 1px solid #FEC259 !important;
}
a.shortcode-button.olive{
	background: linear-gradient(to bottom, #BCDA87 0%, #A6CE61 100%) repeat scroll 0 0 transparent!important;
    border: 1px solid #A6CF63 !important;	
}
a.shortcode-button.lightblue{
	background: linear-gradient(to bottom, #B3E3F5 0%, #7FD3F4 100%) repeat scroll 0 0 transparent!important;
    border: 1px solid #7FD4F4!important;	
}
a.shortcode-button.black{
	background: linear-gradient(to bottom, #8A8A8A 0%, #4F4F4F 100%) repeat scroll 0 0 transparent!important;
    border: 1px solid #B6B6B6!important;	
}
/*Accordion styles*/
.accordion,.toggle-box{
	border-bottom:none;	
}
.accordion .toggleText{
	margin-bottom:10px;	
	padding-bottom:30px;
	border-bottom:1px solid #E5E5E5;
}
.toggle-box .toggle_container{	
	width:94%;
	padding:3%;
	float:left;
	display:none;
	border-bottom:1px solid #E5E5E5;
}

.accordion h3, .toggle-box h2.trigger{
	line-height:25px;
	background: url("../image/plus.png") no-repeat scroll left top transparent;
    color: #3B3B3B;
    font-size: 18px;
    line-height: normal;
    padding: 0 0 10px 40px;
	width:auto;
		
}
.accordion h3:hover, .toggle-box h2.trigger:hover{
	cursor:pointer;	
}
.accordion h3.ui-accordion-header, .toggle-box h2.trigger{
	border-bottom:1px solid #E5E5E5;	
}
.accordion h3.ui-state-active, .toggle-box h2.trigger.active{
	border-bottom:none !important;
	background:url("../image/minus.png") no-repeat;
}

.ui-accordion-content{
	border:none;	
}

/*tabs*/

.sellya_tabs{ 
	display:inline-block;
	width:100%;
	margin-bottom:20px;
}
.sellya_tabs ul.ui-tabs-nav{
	list-style-type:none;
	margin:0px;	
}
.sellya_tabs ul.ui-tabs-nav li{
	float:left;
	margin-right:5px;
		
}
.sellya_tabs ul.ui-tabs-nav li a{
	float:left;
	border:1px solid #CCCCCC;
	border-bottom:none;	
	padding: 3px 10px;
	border-radius:5px 5px 0 0;
}

.sellya_tabs ul li.ui-tabs-active a{
	background:linear-gradient(to bottom, #CCCCCC 0%, #BFBFBF 50%, #B3B3B3 100%) repeat scroll 0 0 transparent;
	color:#fff;
}
.sellya_tabs > div{
	width:94%;
	float:left;
	padding:2% 2% 0;
	border:1px solid #CCCCCC;
}


/* Social Icons*/

ul.sIcon{
	list-style-type:none;	
}
ul.sIcon li a{
	transition: 0.3s all;	
}
ul.sIcon li a:hover{
	opacity:0.5;	
}

/* Dropcap */



.dropcap { 
	display: block; 
	float: left; 
	font-size: 50px; 
	line-height: 40px; 
	margin: 5px 8px 0 0;
}
.dropcap.large.bg{
	background: none repeat scroll 0 0 #F64040;	
}
.dropcap.large.bg {
    border-radius: 50px 50px 50px 50px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 36px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    margin: 0 10px 4px 0;
    padding: 10px;
    text-align: center;
    width: 30px;
}
