.powertour-step{
	padding    : 0;
	position   : absolute;
	visibility : hidden;
	z-index    : 0;
}
.powertour-hook{
	position : relative;
}
.powertour-step.powertour-hide iframe{
	visibility : hidden; /* opera issue with yt video*/
}
.powertour-step.powertour-show iframe{
	visibility : visible;
	display    : block
}
.powertour-activestep{
	visibility : visible;
}
.powertour-step:before,
.powertour-step:after,
.powertour-step > *:before,
.powertour-step > *:after{
	content : "";
	display : table;
}
.powertour-step:after,
.powertour-step > *:after{
	clear : both; 
}
.powertour-step,
.powertour-step > *:after{
	zoom : 1;/*IE*/
}
#powertour-mask{
	width    : 100%;
	height   : 100%;
	z-index  : 9000;
	position : fixed;
	top      : 0;
	left     : 0;
	display  : none;
}
.powertour-step > *{
	position : relative;
}
.powertour-step.animated,
.powertour-tooltip:hover .powertour-step,
.powertour-step.powertour-show{
	visibility : visible;
}
[data-powertour-position]{
	position:fixed!important
}
.powertour-step.powertour-activestep,
.powertour-step.powertour-keepvisible,
.powertour-activehook.powertour-highlight,
.powertour-tooltip:hover .powertour-step{
	z-index : 9001!important;	
}
body .powertour-step > *{
	display : inherit
}

/* 
    NEW 3.0.0 (TINY VERSION)
	
	Used FX IN/OUT classes for tiny version, 
	you can modify these 2 classes. 
*/

.powertour-fxin{
	opacity            : 1;
	
	-moz-transition    : 0.4s;
	-webkit-transition : 0.4s;
	transition         : 0.4s;	
}

.powertour-fxout{
	opacity            : 0;
	
	-moz-transition    : 0.4s;
	-webkit-transition : 0.4s;
	transition         : 0.4s;	
}



 
#powertour-mask{
	background-color : #000;
	filter           : alpha(opacity=80);
	-moz-opacity     : 0.8;
	-khtml-opacity   : 0.8;
	opacity          : 0.8;
}
.single-step{
	position         : relative;
	display          : none;
	z-index          : 9001;
	/*
	-webkit-box-shadow : 0 0 4px 0 #ccc;
	-moz-box-shadow    : 0 0 4px 0 #ccc;
	box-shadow         : 0 0 4px 0 #ccc;
	*/
	padding          : 20px;
	background-color : #fff;
	color            : #333;
	text-align       : left;
	border           : 1px solid #ccc;
	font-weight      : normal
}
.single-step header{
	float       : left;
	height      : 30px;
	width       : 100%;
	margin      : 5px 0 10px 0;
	line-height : 30px;
}
.single-step header h3{
	margin      : 0;
	font-size   : 18px;
	line-height : 22px;
	font-weight : bold
}
.single-step footer{
	float       : left;
	height      : auto;
	width       : 100%;
	margin      : 20px 0 0 0;
	line-height : 30px;
}
.single-step .close-btn{
	position         : absolute;
	top              : -34px;
	right            : -1px;
	height           : 24px;
	width            : 24px;
	background-color : #eee;
	font-family      : Verdana, Geneva, sans-serif;
	font-size        : 14px;
	font-weight      : 700;
	color            : #333;
	color            : #999;
	line-height      : 18px;
	text-align       : center;
	text-decoration  : none;
	border           : 1px solid #ccc;
}

/* new 2.7.0 */
.powertour-active.powertour-highlight{
	background-color : #fff;
}



.powertour-demo-box{
	margin:20px;			
	height:270px; 
	width:273px;
	float:left;
	text-align:center; 
	background-color:#fff;
	border:1px solid #ccc;
	text-decoration:none;
	display: block;			
	font-size:12px;
	border-radius:5px;	
}

	.powertour-demo-box > p{
		line-height:200px;
		text-transform:uppercase;
	}
	
	.powertour-demo-box > span{
		clear:both;
		width:100%;
		float:left;
		line-height:14px;
		font-size:10px;
		margin-top:-80px;
		text-transform:lowercase
	}

/* table{
	width:900px;
	float:left;
	table-layout:fixed;
	background-color:#fff;
	border:1px solid #ccc;
	border-collapse:collapse;
	text-align:left;
	margin:0 20px;
}

	table th,
	table td{
		border:1px solid #ccc;
		padding:10px;
	}
	
		table td div,
		table td strong{
			margin:-10px;
			padding:10px;
			display:block
		}

.input-field{
	height:30px;
	line-height:28px;
	float:left;
	width:100%;
	border:1px solid #ccc;
	padding:0 10px;
} */

a.btn-disable{
	color:#F00;
	cursor:not-allowed
}

#powertour-demo-cell-1.powertour-active{
	background-color:#FC0;
}
#powertour-demo-cell-2.powertour-active{
	background-color:#6F3
}
#powertour-demo-cell-3.powertour-active{
	background-color:#09F
}

/* jQuery Growl
 * Copyright 2015 Kevin Sylvestre
 * 1.2.8
 */
#growls {
  z-index: 50000;
  position: fixed; }
  #growls.default {
    top: 10px;
    right: 10px; }
  #growls.tl {
    top: 10px;
    left: 10px; }
  #growls.tr {
    top: 10px;
    right: 10px; }
  #growls.bl {
    bottom: 10px;
    left: 10px; }
  #growls.br {
    bottom: 10px;
    right: 10px; }
  #growls.tc {
    top: 10px;
    right: 10px;
    left: 10px; }
  #growls.bc {
    bottom: 10px;
    right: 10px;
    left: 10px; }
  #growls.tc .growl, #growls.bc .growl {
    margin-left: auto;
    margin-right: auto; }

.growl {
  opacity: 0.8;
  filter: alpha(opacity=80);
  position: relative;
  border-radius: 5px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  .growl.growl-incoming {
    opacity: 0;
    filter: alpha(opacity=0); }
  .growl.growl-outgoing {
    opacity: 0;
    filter: alpha(opacity=0); }
  .growl.growl-small {
    width: 200px;
    padding: 5px;
    margin: 5px; }
  .growl.growl-medium {
    width: 250px;
    padding: 20px;
    margin: 10px; }
  .growl.growl-large {
    width: 300px;
    padding: 15px;
    margin: 15px; }
  .growl.growl-default {
    color: #FFF;
    background: #000; }
  .growl.growl-error {
    color: #FFF;
    background: #C0392B; }
  .growl.growl-notice {
    color: #FFF;
    background: #2ECC71; }
  .growl.growl-warning {
    color: #FFF;
    background: #F39C12; }
  .growl .growl-close {
    cursor: pointer;
    float: right;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    font-family: helvetica, verdana, sans-serif; }
  .growl .growl-title {
    font-size: 16px;
    line-height: 24px;
	margin-bottom:10px }
  .growl .growl-message {
    font-size: 13px;
    line-height: 18px; }
	
	
	#progressbar{	
		width:200px;
		background-color:#FFF;
		border:1px solid #ccc;
		position:fixed;
		right:20px;
		top:20px;
		padding:20px;
		height:60px;
		display:none;
		z-index:9990		
	}
	
		#bar{
			width:100%;
			height:4px;
			float:left;
			background-color:#eee;		
		}
		
			#bar span{
				width:0;
				height:4px;
				float:left;
				background-color:#F60;		
			}
			
	#text{
		width:100%;
		float:left;
		text-align:right;
		font-size:11px;
		color:#999;
	}
	
		#text span{
			color:#C00
		}
		
.single-step div{
	display:inline-block;
	cursor:pointer
}

@media only screen and (max-width : 600px){
	
	#container {
		width: 100%;
		float:left;
		margin:80px 0;
		padding:0 30px;
	}
	.blocks{
		width: 100%;
	}	

}

.powertour-mask-alt{
  z-index: 99 !important;
}