/****************************************************/
/* HTML
/****************************************************/
body { text-align: center; margin: 0px; font: normal 13px Helvetica, Arial; color: #333 }	 
h1 { color: #666; font: normal 28px Helvetica, Arial; margin: 25px 0 10px 0  }
h2, h2 a, legend { color: #369; font: normal 18px Helvetica, Arial; margin: 0 0 3px 0 }
h3 { font: normal 14px Helvetica, Arial; color: #333 }
p { margin: 0 0 20px 0 }
a, a:link{ color: #333; } 
a:hover { color: #1d68be; } 
a:visited { color: #666666 }
td { border: none; line-height: normal; vertical-align: top; } 
img { border: 0 } 
dt { margin-bottom: 5px; font-weight: bold; font-size:14px; }
dd { margin: 0 0 15px 20px; }
strong { font-weight: bold; color: #333 }
fieldset {  margin-bottom: 15px; background: #dae6f2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
legend { margin: 10px 0 5px 0;}

 
/****************************************************/
/* Layout
/****************************************************/
  
	#container {
		width: 980px;
		text-align: left;
		margin: 0 auto;
		} 
		#header {
			height: 40px;
			background: #3073a9 url(/public/img/bg_header.gif) repeat-x;
			padding:0;
			}
			#logo {
				width: 115px;
				height: 40px;
				float: left;
			}
			#nav {
				margin: 0 0 0 115px;
				background: none;
			}
			#signin{
				background: #090;
				float: right;
				width: 70px; 
				color: #fff;
				font: Helvetica, Arial, sans-serif
			}
			 
		#banner {
			height: 420px;
			}
		
		#prime { 
			}
			#prime #content {
				width: 500px;
				padding: 0 25px;
				float: left;
				 
			}
			#prime #ad {
				 width: 430px;
				 margin: 0 0 0 550px;
			}
			
		#features {
			height: 150px;
			margin-top: 20px;
			}
			#features img {
				display: block;
				float: left;
			}
 
 		#content {
			padding: 30px; 
			} 
			#content .left {
				float: left;
				width: 440px;
				padding: 0 0
			}
 			#content .right {
				margin: 0 0 0 460px; 
			}
  
 
#footer { padding: 0 ; font: 10px Verdana, Geneva, sans-serif; color: #666}

.clear { clear:both }

 
/****************************************************/
/* Navigation
/****************************************************/

#nav {
	text-align: right;
}

#nav ul { 
	margin: 0;
	font: bold 14px Helvetica, Arial sans-serif; 
	list-style: none;
	
}

#nav li { 
	float: right; 
	width: 100px;
	text-align: center;
	padding: 15px 0 10px 0;
	margin-right: 2px ;
}

#nav li a { 
	color: #a2ddf3; 
	text-decoration: none; 
	text-align: center;  
}

#nav li a:hover { 
	color: #eee;  
}

#nav li a.activeTab {  
	color: #FFF; 
}
 
/****************************************************/
/* General Content Styles
/****************************************************/

.message 
{
	border: 1px solid #ccc;
	padding: 5px;
	background:#e1e1e1 url(/public/img/impresarioIMG/admin/nav-bg.gif) top left repeat-x;
}

.message .success 
{
	font-weight: bold;
	font-size: 110%;
}

.message .error 
{
	font-weight: bold;
	font-size: 110%;
}

table.contentHolder{  
	width: 100%;
	border: 0;
	padding: 0; 
	}
	table.contentHolder td.left {
		vertical-align: top;
		width: 50%;
		padding: 0 20px;
		text-align: left
	}
	table.contentHolder td.right  {  
		 vertical-align: top;
		 width: 50%;
		 padding: 0 20px;
		 text-align: left
	}

 

ul.features {
	list-style-type: none;
	margin: 0;
	padding:0;
	}

	ul.features li { 
		margin: 0 0 20px 0;
		padding: 0 0 0 60px;
		min-height: 75px;
	} 
	
	ul.features li h2 {
		margin: 0;
		color: #369;
	}
	
	ul.features li p {
		margin: 3px 0 15px 0;
		color: #333333;
	}
 
 
ul.numbers {
	list-style-type: none;
	margin: 0;
	padding:0;
	}

	ul.numbers li { 
		margin: 0 0 20px 0;
		padding: 0 0 0 30px; 
	} 
	  
	ul.numbers li p {
		margin: 3px 0 15px 0;
		color: #333333;
		font-weight:boldl;
	} 
 
 
#loginModuleForm { margin: 0; padding: 0} 
	
#loginModuleTable {  
	padding: 0; 
	width: auto;
	height: 40px;
	border-collapse:collapse;
	}
	#loginModuleTable td {  
		padding: 0 0 0 10px;
		vertical-align: middle;
		white-space: nowrap;
	}
	
	#loginModuleTable td label { 
		width: 50px;   
		float: none; 
		padding: 3px 0 0 0;
		margin: 0; 
	}
	
	#loginModuleTable td.sign{ 
		width: auto; 
		text-align: right;
	} 

	#loginModuleTable td.email{ 
		width: auto;
	}

	#loginModuleTable td.pass{ 
		width: auto;
	}

	#loginModuleTable td.btn{ 
		width: auto;
	}

	#loginModuleTable td.btn input{ 
		padding: 0;
		margin: 0; 
} 

.loginModule { text-align: right; }

.disclaimer {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	}

.imgBtn {
 	margin: 10px;
 }
  
img.salesIcon { float: left; padding: 0 10px 20px 0 }

 
/****************************************************/
/* Home Page
/****************************************************/
  
 /****************************************************/
/* How it Works
/****************************************************/
 
 .hiw {
	width: 280px;
	float: left;
	margin: 10px; 
}
 
 
/****************************************************/
/* Tour
/****************************************************/
  

  #tour {
	margin:0 auto;
	position: relative; 
}
 
#frame {
	position:absolute;
	z-index:0;
	width:1150px;
	height:740px;
	top:-12px;
	left:-120px;
}
  
#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}
 
.slides_container { /* Set to display none, prevents content flash */
	width:900px;
	overflow:hidden;
	position:relative;
	display:none;
}
 
.slides_container div.slide { /*  If height not specified height will be set by the slide content Set to display block */
	width:900px;
	height:600px;
	display:block; 
	background: #fff;
}
 
#slides .next,#slides .prev {/* Next/prev buttons */
	position:absolute;
	top:260px;
	left:-42px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:918px;
}
 
.pagination {
	margin:10px auto 0;
	width:200px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(/public/img/tour/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}
 
.caption {
	z-index:500;
	position:absolute;
	bottom:-1060px;
	left:0;
	font: 18px Helvetica, Arial;
	height:75px;
	padding: 20px 20px 0 20px;
	background:rgba(0,90,150,.9);
	width:900px; 
	line-height:1.33;
	color:#fff; 
	text-shadow:none;
}


.caption h1 { color: #9cf;  font: normal normal 24px/24px Helvetica, Arial; margin: 0 0 5px 0}
.caption p { color: white; font: normal normal 16px/16px Helvetica, Arial; margin:0 }

/****************************************************/
/* Sign Up
/****************************************************/


#signupForm, .formBG {  
	padding: 15px; 
	background: #dceffa;
	border: 2px solid #3073a9;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;  
	border-radius: 10px
	}
	  
.impresarioForm label {
	width:170px; 
	display: block;
	float:left;
	height: 15px;
	padding: 5px 0 5px 5px;
	margin: 5px  0 0 5px;
	font: 14px bold Helvetica, Arial;
	background: #fff url(/public/img/bg_label.gif) repeat-y right;
	}
	
	
.impresarioForm fieldset { border: none; background: none }
  
  
.impresarioForm input {
    height: 20px;
    margin: 5px 5px 0 0;
}

.impresarioForm select {
	margin-top: 5px	
}

.impresarioForm input.imgBtn {
    height: auto 
}


/****************************************************/
/* Pricing
/****************************************************/

#compare { width: 100%; border: 0; padding: 0
	}

	#compare h3 {font: 18px/18px Helvetica, Arial;}

	#compare td,th { font: 12px/14px Helvetica, Arial text-align: center; padding: 5px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	 
	#compare th { background: #f5f5f5f; }
	
	#compare .disclaimer { font: normal 10px Verdana; color: #666}
	
	#compare .column { width: 125px; font: bold 14px Helvetica, Arial }
	
	#compare .row  {text-align: left; }
	 
	#compare .m7 { background: #fff url(/public/img/bg_label.gif) repeat-y right; }


/****************************************************/
/* Support
/****************************************************/
  
	#helpFAQs h2,
	#helpFAQs h2 a {
		color: #1d68be;
	}
	
	#helpFAQs ol { margin: 0 }
	#helpFAQs ol li { padding: 5px }
	#helpFAQs ol li a { text-decoration: none; display: block; padding: 3px 5px; }
	#helpFAQs ol li a:hover { background: #90cdf9 }
	

/****************************************************/
/* Blogs
/****************************************************/

.blogThumb, #blogPostImage
{
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}

.blogFilters, #blogShare
{
	margin-bottom: 20px;
}

/****************************************************/
/* Price Calculators
/****************************************************/
.priceCalculator {
	width: 100%;
	height: auto;
	background-color: #F4F4F4;
	border-radius: 8px;
	padding: 10px;
}

.priceCalculatorTable {
	width: 100%;
	height: 200px;
	border-collapse: collapse;
	margin-bottom: 10px;
}

.priceCalculatorTable tr {
	border-bottom: solid 1px;
	border-color: #CCC;
}

.priceCalculatorTable td {
	margin: 0px;
	padding-top: 8px;
}

.priceCalculatorCell {
	font: normal 22px Helvetica, Arial;
	width: 33%;
}

.minute7MainText {
	color: #1F67E6;
	font-weight: bold;
	font-family: Helvetica, Arial
}

.minute7Price {
	color: #4CAE50;
}

.otherCompanyCost {
	color: red;
}

.priceCalculatorBorder {
	border-bottom: 3px solid;
	border-color: #DEDEDE;
	padding: 10px;
}

.priceCalculatorText { 
	color: #666;
	font: normal 22px Helvetica, Arial;
}

.priceCalculatorButton {
	background-color: #4CAE50;
	height: 45px;
	width: 180px;
	border-radius: 4px;
	padding: 1px;
	color: white;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.priceCalculatorSecondaryButton {
	height: 45px;
	width: 180px;
	color: #008DD5;
	border: 1.5px solid #008DD5;
	font-weight: bold;
	border-radius: 4px;
	background-color: transparent;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.priceCalculatorSecondaryButton:hover {
	background-color: #008DD5;
	color: white;
}

.priceCalculatorButton:hover {
	filter: brightness(90%);
}

.priceCalculatorRow {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.marginRight {
	margin-right: 25px;
}

.priceCalculatorInput {
	height: 37px;
	width: 75px;
	border-radius: 4px;
	border: 2px solid #CCC;
	font-size: 27px;
	padding-left: 3px;
}

.companyContainer {
	height: 100px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
}

.hiddenContent {
	display: hidden;
	flex-direction: column;
}

.savingsAndFreeTrial {
	width: 100%;
	height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}

.priceCalculatorNote {
	font-size: 16px;
}

.priceCalculatorActionContainer {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.priceCalculatorActionLabel {
	width: 550px;
}

.priceCalculatorOr {
	text-align: center;
}