/*/////////////////////////////////////////////////////////////////////
 // 
 // Custom theme code styles
 // Written by Themelize.me (http://themelize.me)
 // 
 // This is an empty starter template for overriding styles
 // set by Bootstrap & the theme
 // 
 // ----------------------------------------------------
 // 
 // Remove unused code for better performances
 // 
 // ----------------------------------------------------
 // 
 // @see - Usefuls tools online for editing
 // 1. http://charliepark.org/bootstrap_buttons/ - Button style generator
 // 2. http://www.colorzilla.com/gradient-editor/ - CSS3 gradient maker
 // 
 // @note
 // To ensure custom styles are picked up
 // wrap definitions in body tag
 // ie.
 // body .navbar-inner {
 //   background: #ff0000;
 // }
 // 
 /////////////////////////////////////////////////////////////////////*/
/*
 * --------------------------------------------------
 * 1. General Elements
 *--------------------------------------------------
 */
#navigation {
  /* 1. Navigation wrapper */
}
#highlighted {
  /* 2. Highlighted (below header) wrapper */
}
#content {
  /* 3. Content wrapper */
}
#content-below {
  /* 4. Content Below wrapper */
}
#footer {
  /* 5. Footer wrapper */
}
/*
 * --------------------------------------------------
 * 2. Colours
 *-------------------------------------------------- 
 */
/*
 * --------------------------------------------------
 * 3. Responsiveness/media queries
 *--------------------------------------------------
 */
@media (max-width: 979px) {
  /* Navbar Collapsed (mobile) */
}
@media (min-width: 980px) {
  /* Navbar Expanded (desktop) */
}
@media (min-width: 1200px) {
  /* Responsive: Large desktop and up (wide) */
}
@media (max-width: 979px) {
  /* Responsive: Mobile to desktop (common for all narrow devices) */
}
@media (min-width: 768px) and (max-width: 979px) {
  /* Responsive: Tablet to desktop (normal) */
}
@media (max-width: 767px) {
  /* Responsive: Landscape phone to desktop/tablet (narrow) */
}
@media (max-width: 480px) {
  /* Responsive: Up to Landscape phone (mobile) */
}
/*
 * --------------------------------------------------
 * 4. Misc
 * Other stuff
 *--------------------------------------------------
 */
 .feature_block {
	clear: both;
	/*padding: 40px 0;*/
	position: relative;
}
.feature_content  a {
	text-decoration: none;
}
.feature_content  a:hover{
	background-color:#CCD2E5;
	text-decoration: none;
}
.feature_title {
	margin-bottom:20px;
	text-align: left;
	
}
.feature_title h1 {
	font-size:24px;
}
.feature_group {
	float: left;
	height: 100px;
	margin: 0px 30px 80px 0;
	position: relative;
	
	width: 200px;
}
.feature_group .text {
	height: 100px;
	position: relative;
	z-index: 1;
	text-align:left;
	
	
	
}
.highlight {
	background-color: #E8E9ED;
	border: 1px solid #B3B3B3;
	border-bottom: 1px solid #999;
	display: block;
	padding: 20px;
}
.highlight_hover {
	background-color: #CCD2E5;
}
.highlight.active {
	background-color: lightgray;
}
.feature_group span.header {
	color: #333;
	display: block;
	font-weight: 700;
	font-size: 13px;

	margin-bottom: 10px;
	
}
.feature_group span.details {
	color: #333;
	font-size: 12px;
	line-height: 140%;
}
.feature_container {
	display:block;
}
.feature_text {
	float: right;
	position: relative;
	text-align: left;
	width:600px;
}
.feature_text h2 {
	font-size: 20px;
}
.feature_text h3 {
	margin: 40px 0 10px;
	font-size: 16px;
}
.feature_text hr {
	clear:both;
}
.sideImage {
	color: #999;
	float: left;
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 20px -354px;
	text-align: right;
	width: 313px;
	position:relative;
}
.get_started {
	clear: both;
	display: block;
	margin: 40px 0;
	text-align:right;
}
.helpcontent {
line-height: 1.6em;
margin: 0;
/*padding: 0px 255px 0 100px;*/
font-size: 16px;
}
img.aligncenter {
float: none;
display: block;
margin: 0 auto;
text-align: center;
}
.helpcontent ol {
	line-height: 1.6em;
	padding-left:30px;	
}
.helpcontent li {
	line-height: 1.6em;
		
}
.helpcontent ul {
	line-height: 1.6em;
	padding-left:30px;	
}
.document-toc {
	max-width: 920px;
	    margin: 0 auto;
    padding-bottom: 50px;
    font-size: 16px;
    line-height: 1.7;
}
.document-toc .toc {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: inside;
}
.document-toc .subtoc {
	margin-left:20px;
	font-size:15px;
}
.document-toc h3 {
	font-size:17px;
	border-bottom:1px solid #dedede;
}
.document-toc h4 {
	font-size:15px;
}
.inner-help {
    border: 1px solid #A8ACB9;
    border-radius: 6px;
    padding: 48px 24px;
    height: 180px;
}
.cell_title {
    margin-bottom: 18px;
    font-family: "proxima_novaextrabold";
    font-size: 24px;
}
.cell_copy {
    height: 120px;
}
.pad-24 {
    padding: 24px 0;
}