/* css for intraday_ranking.mak */

body {
    /* font-family: sans-serif; */
    /* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
	font-family: "Hiragino Sans GB", 'Microsoft YaHei', sans-serif;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.container-fluid {
    padding: 0px;
    min-width: 1200px;
}
#intro-slide {
	/*height: 620px;*/
	height: 480px;
	background-image: linear-gradient(135deg, #182848 0%, #4b6cb7 60%);
	background-image: -webkit-linear-gradient(135, #182848 0%, #4b6cb7 60%);
    /* background: linear-gradient(135deg, #0079bf, #5067c5); */
	-webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	padding: 33px 0px 240px;
	color: #fff;
}
#tagline {
	font-size: 42px;
    text-align: center;
    margin-top: 20px;
    /* text-shadow: 1px 1px 1px green, 2px 2px 2px #888; */
    text-shadow: 2px 2px 6px rgba(0,0,0,0.5);
}
#landing-graphic-container {		
	padding: 0px;
	margin-top: 70px;
	width: 900px;
	box-shadow: 0 0 80px rgba(0, 0, 0, 0.8);
}
#landing-graphic-bar {
	width: 900px;
	min-height: 30px;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #444444));
	background-image: -moz-linear-gradient(#555555, #444444);
	background-image: -webkit-linear-gradient(#555555, #444444);
	background-image: linear-gradient(#555555, #444444);
	border: 1px solid #444;
	border-bottom-color: #444;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px;
	border-radius: 5px 5px 0 0;
	zoom: 1;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
	list-style: none;
	margin: 0;
	padding: 5px 10px;
	position: relative;
	z-index: 1;
}
#landing-graphic {
	width: 900px;
}
/*
#cta-container {
    padding-top: 70px;
    padding-left: 150px;
}
*/
#cta-container {
    padding-top: 70px;
    width: 1200px;
    margin: auto;
}
#cta-logo {
    font-size: 38px;
}
#cta-tagline {
    margin-top: 18px;
    margin-bottom: 23px;
    font-size: 30px;
    color: #eee;
}
#cta-btn {
    padding: 8px 13px;
    margin-top: 5px;
    font-size: 25px;
}
#login-btn {
    padding: 8px 13px;
    margin-top: 5px;
    margin-left: 8px;
    font-size: 25px;
    color: #ccc;
    border-color: #ccc;
}
#login-btn:hover {
    background-color: #aaa;
    color: #333;
    border-color: #333;
}
.separator-slide {
	/* min-width: 1200px; */
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 26px;
	text-align: center;
	color: #fff;
	background-color: #2e3e4e;
}
#playback-tour-slide {
    overflow: hidden;
}
#playback-tagline {
    text-align: center;
    margin-top: 30px;
    font-size: 33px;
    font-weight: bold;
}
#playback-subtagline {
    text-align: center;
    margin-top: 8px;
    font-size: 23px;
}
#playback-desc {
    margin: auto;
    margin-top: 23px;
    width: 900px;
    font-size: 19px;
    line-height: 30px;
    color: #555;

}
#playback-tour-container {
    margin: auto;
    margin-top: 30px; 
    margin-bottom: 30px; 
    text-align: center;
}
#playback-tour-slide .feat-graphic {
    width: 1100px;
}
#feat-graphic {
    width: 1200px;
}
#other-feats-slide {
    overflow: hidden;
    padding-bottom: 18px;
}
#other-feats-tagline {
    text-align: center;
    margin-top: 30px;
    font-size: 33px;
}
#feats-tour-container {
    padding-left: 100px;
    padding-right: 100px;
}
.feat-container {
    padding: 30px;
}
.feat-container .feat-title {
    margin-top: 30px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.feat-container .feat-graphic  {
    text-align: center;
}
.feat-container .feat-graphic img {
    width: 230px;
}
.feat-container .feat-desc {
    margin: auto;
    margin-top: 18px;
    font-size: 16px;
    width: 280px;
}
#price-plan-slide {
    margin-top: -30px;
    padding-bottom: 70px;
    background-color: #f3f3f3;
    overflow: hidden;
}
#price-plan-tagline {
    padding-top: 30px;
	text-align: center;
    font-size: 30px;
}
#price-grid-container {
    margin: auto;
    margin-top: 38px;
}
.price-grid-col {
    padding: 0;
}
.plan-header {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    color: #fff;
    font-size: 22px;
}
.feat-item {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 15px;
}
.feat-item .fa-times-circle {
    color: #d00300;
    font-size: 19px;
}
.feat-item .fa-check-circle {
    color: #073;
    font-size: 19px;
}
#feat-desc-col .plan-header {
    border: 1px solid #f3f3f3;
    color: #f3f3f3;
}
#free-plan-col {
    border-left: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    border-top: 2px solid #ddd;
}
#free-plan-col .plan-header {
    background-color: #ccc;
}
#paid-plan-col {
    border: 2px solid #008ce9;
}
#paid-plan-col .plan-header {
    background-color: #0082e9;
    font-weight: bold;
} 
.price-info-container {
    background-color: #dfdfdf;
    font-size: 18px;
    color: #666;
}
.price-grid-col .btn-container {
    padding-top: 18px;
    padding-bottom: 18px;
} 
.price-grid-col .enterprise-panel {
    padding: 8px 20px !important;
    height: 358px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    font-size: 14px;
    color: #555;
    line-height: 18px;
}