/*	
	Platino Template
	File: stylesheet.css
	Stefano Giliberti - kompulsive@gmail.com clickswitch.net		
*/

div#preload { display: none; }

/* Main */
body {
	background:url(../images/back_blue_shadow3_shorter.png) repeat-x #FFF;
	color:#000000;
	font:62.5% Helvetica, Arial, sans-serif;
	line-height:1.4em;
}

a#fdbk_tab {
  background-image: url(../images/support_trans_tab.png) !important;
}

p {
	font-size:1.4em;
	line-height:1.5em;
	padding:0 0 10px 0;
}

#green{
	color: #2EB71F;	
}

#red{
	color: #ff0000;	
}

#orig_price{
	text-decoration: line-through;
	
}

ol li{
	line-height: 1.5em;
	margin-bottom: 12px;
}

.tiny_text{
	font-size: 0.6em;
	font-weight: normal;
	line-height: 0.8em;
}

.training_sticky{
	margin-left: -24px;
	margin-bottom: 24px;
}

.pricing_box{
	background-color: #f9f9f9;
	padding: 24px;
	width: 500px;
	margin-left: 208px;
	border: 1px solid #999999;
}

.pricing_box_left{
	background-color: #f9f9f9;
	padding: 24px;
	width: 500px;
	margin-left: 0px;
	border: 1px solid #999999;
}

.highlighter {
	background-color: #FFFEA5;
}

.left {
	float:left;
}
.right {
	float:right;
}

.feature-rollover {
	float:right;
}

.clear {
	clear:both;
}
.center {
	text-align:center;
}
.spacer {
	padding:0 0 35px 0;
} 
.small-spacer {
	padding:0 0 20px 0;
}

.small-spacer-bullet {
	padding:0 0 20px 20px;
}

strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
hr {
	background:#c1c2c3;
	border: 0;
	color: #c1c2c3;
	height: 1px;
	margin:25px 0;
}
.a-left {
	text-align:left;
}
.a-right {
	text-align:right;
}
.marker {
	font-weight:bold;
	font-size:1.6em;
	line-height:1.3em;
	color:#777;
}
.small {
	color:#919191;
	font-size:1.2em;
	line-height:1.8em;
}

.small-top-padding{
	padding-top: 12px;
	
}

/* Tables Styling */
table span {
	padding:0 10px 0 0;
	font-weight:bold;
}
td {
	padding:17px 7px;
	border-bottom: 1px solid #e2e2e2;
	font-size:1.3em;
	text-align:center;
}

td.pact {
	text-align:left;	
}

td.pact-title {
	font-size: 1.6em;	
}

td a.promo-link {
	font-size:.9em;
}
tr.table-header {
	background:url(../images/upper-shade.gif) repeat-x;
}
tr.table-header h4 {
	padding:15px 0;
}
th {
	padding: 0px 10px;
	border-top:1px solid #d4d4d4;
	border-bottom:1px solid #e2e2e2;
	font-weight:bold;
}

/* Quotes styling */
blockquote {
	width:400px;
	margin:10px 0 15px 0;
	padding:10px 0 10px 20px;
	border-left:2px solid #CCC;
	font-size:1.5em;
	line-height:1.4em;
	color:black;
	font-weight:bold;
}
cite {
	padding:10px 0 0 0;
	color:#777;
	display:block;
}

/* Lists */
#content ul,
#content ol {
	padding:10px 0 10px 18px;
}
	#content ul li,
	#content ol li {
		font-size:1.4em;
		padding:0 0 5px 0;
	}

ul#review{
	line-height:1.6em;
}

li#review{
	line-height:1.5em;
}

/* Version History Lists */
ul#version-info{
	line-height:1.6em;
}

li#version-info{
	line-height:1.5em;
	margin-bottom: 10px;
}

/* Form Styling */
label {
	display:block;
	margin:15px 0 20px 0;
	font-size:1.6em;
	color:black;
	font-weight:bold;
}
input,
textarea {
	background:url(../images/upper-shade.gif) repeat-x top;
	border:1px solid #cacaca;
	padding:7px;
	margin:0 0 5px 0;
	font-family: Helvetica, Arial, sans-serif;
}
input {
	width:210px;
}
	input.smaller {
		width:100px;
	}
	input.larger {
		width:400px;
	}
.submit {
    border:none;
	width:133px;
	height:41px;
	margin:10px 0px 0 0;
	font-weight:bold;
	color:#000;
    background:url(../images/promo-link5.png) no-repeat 0 0;
}
	.submit:hover {
		background-position: 0 -41px;
		cursor:pointer;
	}
.button {
	border:1px solid #2E3136;
	background:#45494F;
	padding:5px 15px;
	color:white;
	font-weight:bold;
	font-size:1.2em;
}

/* Headings */
h1, h2, h3, h4, h5 {
	color:#454950;
	font-size:3.7em;
	font-weight:bold;
	padding:5px 0 15px 0;
}
h1 {
	letter-spacing:-1px;
	font-size: 3em;
}
h1 img{
	position: absolute;
	top: 26px;
	right: 0px;
	
}

h2 {
	font-size:2.2em;
	color:#373A3F;
	padding:5px 0 20px 0;
	line-height: 1.4em;
}
h3 {
	font-size:1.9em;
	font-weight:bold;
	line-height: 1.3em;
}
h3#review{
	line-height:1.2em;
}
h4 {
	font-size:1.6em;
	line-height:1.4em;
}
h5 {
	font-size:2em;
	font-weight: bold;
	line-height:1.4em;
	margin-top: 5px;
}

h6{
	font-size:1.5em;
	font-weight: bold;
	line-height:2em;
	margin-top: 5px;
	margin-bottom: 12px;
}

.quote_author{
	font-size:0.8em;
	line-height:0.8em;
	color:#777;
}

.badge{
	padding-right: 20px;
	padding-bottom: 20px;
	position: relative;
}

/* Links Style */
a:link, a:visited, a:active {
	color:#2080d5;
	text-decoration:none;
}
a:hover {
	color:black;
	text-decoration:underline;
}

/* Student Signup Form */
	
.student-license-signup{
	margin: 0 auto;
	display: block;
	background: #ffc;
	padding: 20px 20px;
	float: left;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #ccc;
}

form.student-form {
	margin: 0 auto;
	display: block;
}

	form.student-form label{
		font-size: 1.2em;
		font-weight: normal;
		margin: 0 0 4px 0;
	}
	
	form.student-form input[type=text]{
		margin-bottom: 12px;
		font-size: 1.4em;
		width: 300px;
		padding: 8px;
		background-position: 0px -10px;
		background-color: #fff;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	
	form.student-form input[type=image]{
		background: none;
		border: none;
		width: 105px;
		margin: 10px 0;
		padding: 0;
	}
		
/* Flash */

.error{
	font-size: 1.2em;
	color: #990000;
	background-color: #FFE5E5;
	width: 492px;
	padding: 12px;
	text-align: center;
	border: 1px solid #990000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight: bold;
	margin-top: 40px;
}

.success{
	font-size: 1.2em;
	color: #33651A;
	background-color: #D1EFC2;
	width: 492px;
	padding: 12px;
	text-align: center;
	border: 1px solid #33651A;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight: bold;
	margin-top: 40px;
}

/* Buy Button */
a.buy-button {
	line-height:41px;
	width:133px;
	background:transparent url(../images/promo-link-checkout.png) 0 0;
	color:#2e2e2e;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	margin:0 5px 0 5px;
	cursor:pointer;
	margin-left: 184px;
}
	a:hover.buy-button {
		background-position: 0 -41px;
		text-decoration:none;
		color:#000000;
	}

/* Add to Cart Button */
a.add-to-cart-button {
	line-height:41px;
	width:133px;
	background:transparent url(../images/add-to-cart.png) 0 0;
	color:#2e2e2e;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	margin:0 5px 0 5px;
	cursor:pointer;
	margin-left: 184px;
}
	a:hover.add-to-cart-button {
		background-position: 0 -41px;
		text-decoration:none;
		color:#000000;
	}

/* Add to Cart Button (No Margin) */
a.add-to-cart-button-2 {
	line-height:41px;
	width:133px;
	background:transparent url(../images/add-to-cart.png) 0 0;
	color:#2e2e2e;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	margin:0 5px 0 5px;
	cursor:pointer;
	margin-left: 174px;
}
	a:hover.add-to-cart-button-2 {
		background-position: 0 -41px;
		text-decoration:none;
		color:#000000;
	}
	
/* Training Registration Button */
a.promo-link-training-reg {
	line-height:42px;
	width:158px;
	background:transparent url(../images/promo-link-training-reg.png) 0 0;
	color:#2e2e2e;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
	margin:0px 5px 44px 0px;
	cursor:pointer;
}
	a:hover.promo-link-training-reg {
		background-position: 0 -41px;
		text-decoration:none;
		color:#000000;
	}

	
	/* Wrapper */
	#wrapper {
		position:relative;
		margin:0 auto;
		width:960px;
		padding:0 0 0px 0;
	}
	/* Header */
	#header {
		position:relative;
		height:50px;
	}
		/* Logo */
		#header #logo a { 
			display:block;
			height:24px;
			width:204px;
		}
		#header #logo { 
			background:url(../images/chrometa-tm-logo-silver.png) no-repeat;
			border:none;
			height:24px;
			left:0px;
			margin:0;
			padding:0;
			position:absolute;
			text-indent:-999em;
			top:12px;
		}
		
		.phone-num {
			float:right;
			padding:20px 0px 10px 7px;
			text-decoration:none;
			font-weight:bold;
			font-size:1.4em;
			color:#D4F5FF;
			margin-left: 18px;
		}

			.phone-num a{
				color:#D4F5FF;
			}
			
		/* Navigation */
		ul#navigation {
		 	margin:0;
	  		list-style:none;
			position:absolute;
			bottom:8px;
			padding:0;
			line-height:1em;
			margin-left: 180px;
		}

			ul#navigation li {
				float:left;
				margin:0;
				padding:0 0 0 5px;
				margin:0 2px 0 0;
			}

			ul#navigation a {
				float:left;
				display:block;
				padding:10px 12px 10px 7px;
				text-decoration:none;
				font-weight:bold;
				font-size:1.4em;
				color:white;
				letter-spacing: -0.1px;
			}

			ul#navigation a:hover {
				color:#c0fc56;
			}
				/* Current list item */
				ul#navigation .current {
				}
				ul#navigation .current a {
					color: #c0fc56;
				}
				/* Highlighted (blue) list item */
				ul#navigation .highlighted {
				}
				ul#navigation .highlighted a {
				}
				ul#navigation .highlighted a:hover {
					/*color:#d0d5de;*/
					color: #c0fc56;
				}
				
				
		#news-container{
			margin-top: 0px;
			height:191px;
			overflow:hidden;
			/* IE6, IE7 Fix */
			position:relative;
			background-color: white;
		}

			#news-container #card-left{
				background:url(../images/news-pane2.png) no-repeat 0 0;
				height: 191px;	
				width: 228px;
				position: relative;
				float: left;
			}

			#news-container #card-left h4{
				text-align: center;
				padding: 18px 12px 8px 12px;
				font-size: 1.5em;
				letter-spacing: -0.3px;
				color: #333333;
			}

			#news-container #card-left p{
				text-align: center;
				padding: 0 20px;
				font-size: 1.35em;
				color: #666666;
			}

			#news-container #card{
				background:url(../images/news-pane2.png) no-repeat 0 0;
				height: 191px;	
				width: 228px;
				margin: 0 0 0 16px;
				position: relative;
				float: left;
			}

			#news-container #card h4{
				padding: 18px 12px 8px 12px;
				text-align: center;
				font-size: 1.5em;
				letter-spacing: -0.3px;
				color: #333333;
			}

			#news-container #card p{
				text-align: center;
				padding: 0 20px;
				font-size: 1.35em;
				color: #666666;
			}
	
	/* Promo Container */
	#promo-container {
		padding:20px 0 40px 0;
		margin:0 0 0px 0;
		position:relative;
	}
		#promo-info {
			position:absolute;
			bottom:50px;
			right:0;
			color:black;
		}
		/* Pages title */
		#promo-container h1,
		#promo-container h2,
		#promo-container h3 {
			color:#2B2E32;
			padding:25px 0 0 0;
		}
		ul#sub-menu {
			margin:0;
			list-style:none;
			position:absolute;
			bottom:27px;
			right:0px;
			padding:0;
		}
			ul#sub-menu li {
				float:left;
				margin:0;
				padding:0 0 0 5px;
				margin:0 2px 0 0;
			}
			ul#sub-menu a {
				float:left;
				display:block;
				padding:10px 10px 12px 5px;
				text-decoration:none;
				font-size:1.0em;
				font-weight: normal;
			}
			ul#sub-menu li.current a {
				color:black;
				cursor:default;
				font-weight: bold;
			}
	
	
				
	/* Home introduction text and info strips */
	.intro-div {
		width:580px;
		padding:0 0 72px 0;
	}
	.info-strip {
		width:479px;
		min-height:120px;
		padding:0 0 25px 0;
	}
		.info-strip .desc {
			width:75%;
			padding:0 50px 0 0;
		}
		
		.info-strip .desc-wide {
			width:86%;
			padding:0 0px 0 0;
		}
		

		
		.info-strip .advisor-bio {
			width:100%;
			padding:0 50px 0 0;
		}
		
	/* Download info strip */
	.info-strip-download {
		width:479px;
		min-height:120px;
		padding:0 0px 0px 0;
	}
		.info-strip-download .desc {
			width:75%;
			padding:0 50px 0 0;
		}
		
		.info-strip-download .desc-wide {
			width:86%;
			padding:0 0px 0 0;
		}
		
		.info-strip-download .desc-wide-mailchimp {
			width:80%;
			padding:0 28px 0 0;
		}

	/* Wide info strips */
	.info-strip-wide {
		width:100%;
		min-height:120px;
		padding:0 0 25px 0;
	}
		.info-strip-wide .desc {
			width:820px;
			padding:0 50px 0 0;
		}

	/* Columns */
	.left-column {
		width:479px;
		padding:0 0 30px 0;
	}
	
	
	
	.left-column-wide {
		width:650px;
		padding:0 0 30px 0;
	}
	
	.right-column {
		width:372px;
		padding:0 0 30px 40px;
		background:url(../images/left-shade.gif) no-repeat left top;
		min-height:400px;
	}
	
		.right-column h2,h3{
			padding:10px 0 30px 0;
		}
		
		.right-column .partner-logo{
			padding:10px 0 30px 0;			
			
		}
		
	.right-column-narrow {
		width:254px;
		margin:0 0 10px 10px;
		padding: 16px 16px 8px 16px;
		min-height:400px;
		background-color: #f9f9f9;
	}

		.right-column h2,h3{
			padding:10px 0 30px 0;
		}
		
		.right-column h3{
			line-height: 1.4em;
		}

		.right-column .partner-logo{
			padding:10px 0 30px 0;			

		}
		
	.right-column-grey {
		width:352px;
		margin:0 0 10px 10px;
		padding: 24px 16px 8px 16px;
		min-height:434px;
		background-color: #f9f9f9;
	}

		.right-column h2,h3{
			padding:10px 0 30px 0;
		}

		.right-column .partner-logo{
			padding:10px 0 30px 0;			

		}
	
	.center-box {
		width:700px;
		margin:0 auto;
		margin-bottom:40px;
		padding:30px;
		background:url(../images/upper-shade.gif) top repeat-x;
		text-align:center;
		border:1px solidd #e2e2e2;
		border-bottom:1px solid #d4d4d4;
	}
	
	/* Features tabs */
	ul.tabs {
  		list-style:none;
		padding:0 !important;
	}
		ul.tabs li {
			float:left;
			margin:0 1px 0 0;
			text-align:center;
		}
		ul.tabs li a {
			display:block;
			width:92px;
			line-height:37px;
			background:url(../images/tabs.gif) no-repeat left top;
			color:#777;
			font-size:0.9em;
			font-weight:bold;
		}
		ul.tabs li a.selected {
			background-position:0 -37px;
			color:black;
		}
	
	
	
		/* Bottom Promo */
		#wrapper-full-gray {
			clear:both;
			position:relative;
			margin:12px 0 0 0;
			width: 100%;
			padding:20px 0 0px 0;
			background:url(../images/footer_line.png) repeat-x #f1f1f1;
		}

	/* First panel left border trick */
	#bottom-promo .first {
		/*background:url(../images/bottom-promo-left-border.gif) left repeat-y;*/
		padding-left: 12px;
		width:228px;

	}
	#bottom-promo .panel {
		width:228px;
		padding-bottom: 0px;
		float:left;
		border:0px solid #cacaca;
		border-left:none;
		margin:0px 0 0px 0;
		padding-left: 12px;
	}
		/* Panel icon */
		#bottom-promo .panel img {
			padding:10px 0px 0 10px;
		}
		/* Panel title */
		#bottom-promo .panel h3{
			padding:4px 0 30px 12px;
		}
		#bottom-promo .panel h4{
			padding:4px 0 8px 12px;
			font-size: 1.5em;
			color: #333333;
		}
		/* Panel description */
		#bottom-promo .panel p {
			line-height:1.6em;
			font-size:1.2em;
			padding:0 0px 13px 13px
		}
		/* Search panel */
		input#panel-search {
			margin:13px 0 0 0;
			width:192px;
		}

		/* Footer links */
		#bottom-links a{
			color: #555555;
		}

		#bottom-links a:hover{
			color: #000000;
		}

	/* Bottom Separator */
	#bottom-separator {
		background:url(../images/promo-shade.gif) bottom no-repeat;
		padding:30px 0 30px 0;
		margin:0 0 30px 0;
		position:relative;
	}
		
		/* Wrapper-Quote */
		#wrapper-quote {
			clear:both;
			position:relative;
			margin:0px 0 0px 0;
			width: 100%;
			padding:0px 0 0px 0;
			/*background-color: #efefef;*/
		}

		/* First panel left border trick */
		#quote-box .first {
			/*background:url(../images/bottom-promo-left-border.gif) left repeat-y;*/
		}
		#quote-box .panel {
			width:291px;
			padding: 14px 14px 14px 14px;
			float:left;
			border-right:1px solid #ffffff;
			margin:0px 0 20px 0;
			height: 200px;
			background-color: #f9f9f9;
		}
			/* Panel icon */
			#quote-box .panel img {
				padding:10px 15px 0 10px;
			}
			/* Panel title */
			#quote-box .panel h3{
				padding:0px 0 0px 12px;
			}
			#quote-box .panel h4{
				padding:0px 0 0px 12px;
			}
			/* Panel description */
			#quote-box .panel p {
				line-height:1.4em;
				font-size:1.3em;
				padding:13px 13px 0px 13px
			}
			/* Search panel */
			input#panel-search {
				margin:13px 0 0 0;
				width:192px;
			}

			/* Footer links */
			#bottom-links a{
				color: #777777;
			}

		/* Bottom Separator */
		#bottom-separator {
			background:url(../images/promo-shade.gif) bottom no-repeat;
			padding:30px 0 30px 0;
			margin:0 0 30px 0;
			position:relative;
		}
}

.menu {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

	.menu li em {
		-moz-background-clip:border;
		-moz-background-inline-policy:continuous;
		-moz-background-origin:padding;
		background:transparent url(../images/hover.png) no-repeat scroll 0 0;
		display:none;
		font-style:normal;
		height:45px;
		left:240px;
		padding:20px 12px 10px;
		position:absolute;
		text-align:center;
		top:-85px;
		width:180px;
		z-index:2;
		font-family:Arial,Helvetica,sans-serif;
		font-size:1.2em;
		font-size-adjust:none;
		font-style:normal;
		font-variant:normal;
		font-weight:bold;
		line-height:120%;
	}

}


}