/*
	Theme Name: Jazz Chrome
	Description: A Minimal White Web App Theme
	Version: 1.0
-----------------------------------------------------------------------------------*/

/*	CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */


/*	Base Styles
/*-----------------------------------------------------------------------------------*/

body {
	background: #fff;
	color: #333;
	font-family: 'Open Sans', sans-serif;
font-weight: 300;
}

table {
	font-size:inherit;
	font: 100%;
}

select, input, textarea { font: 99% sans-serif; }

a {
	-moz-transition: color 0.3s linear;
	-o-transition: color 0.3s linear;
	-webkit-transition: color 0.3s linear;
	transition: color 0.3s linear;
	color: #D53232;
	text-decoration: none;
}

a:hover { color: #B52A2A; }

input.text,
input[type=text]
textarea {
	border: 1px solid #7C7C7C;
	border-color: #7C7C7C #7C7C7C #C3C3C3 #C3C3C3;
}

p,
ul,
ol { margin-bottom: 1em; }

.hidden { display: none; }

.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
}

.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width:100%;
}

.tl { text-align: left; }

.tc { text-align: center; }

.il { display: inline; }

.fl { float: left; }

.fr { float: right; }

.mr { margin-right: 10px; }

.mt {margin-top: 10px; }

.mb { margin-bottom: 10px; }
.mbx2 { margin-bottom: 20px; }

.nm { margin: 0 !important; }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
.gallery-row,
.author-bio { margin-bottom: 15px; }


/*	Main Content Styles
/*-----------------------------------------------------------------------------------*/

strong { font-weight: bold !important; }

ul,
ol,
dl { margin-left: 30px; }

table {
	border: 1px solid #ccc;
	border-width: 1px;
	line-height: 18px;
	margin: 0 0 22px 0;
	text-align: left;
	padding: 0 5px;
}

tr { border-bottom: 1px solid #ccc; }

th,
td {
	padding: 3px 5px;
	vertical-align: middle;
	text-align: center;

}

input,
textarea,
button {
	background: #fff;
	border: 1px solid #bbb;
	color: #333;
}

input,
textarea { padding: 5px; font-size: 14px; }

button {
	padding: 2px 10px;
	cursor: pointer;
}

input:focus,
textarea:focus,
button:hover {
	background: #fff;
	color: #000;
	border: 1px solid #AF75C7;
}

#submit { cursor: pointer; }

/*	Typography
/*-----------------------------------------------------------------------------------*/ 
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	padding: 0;
}

h1 {
	font-size: 2.25em; /* 36px / 16px */
	font-weight: bold;
	line-height: 1.2em;
	word-spacing: -0.04em;
	letter-spacing: -0.03em;
	margin-bottom: 20px;
}

.h1-subtitle, .subtitle {
	display: block;
	font-size: 0.581395348837209em; /* 25px / 43px */
	color: #999;
	line-height: 1em;
	margin-bottom: 44px;
	font-weight: normal;
}
.subtitle {
	font-size: 1.5625em;
	margin-bottom: 0;
}
h2 {
	font-size: 1.730625em; /* 27.69px / 16px */
	font-weight: 500;
	line-height: 1.6em;
}

.h2-side {
	font-weight: 900;
	line-height: 0.3em;
	font-size: 1.5em;
	padding-top:20px;
	border-top: 1px dashed #ccc;
}
h3 {
	font-size: 1.21em; /* 21px / 16px */
	line-height: 1.4em;
	font-weight: 500;
}

h4 {
	font-size: 18px; /*18px / 16px */
	line-height: 20px;
}

h5 {
	font-size: 12px;
	line-height: 18px;
}

h6 {
	font-size: 10px;
	line-height: 16px;
}

a { 
	text-decoration: none; 
	color: #36C;
	transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-webkit-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
}

a:hover { color: #003399; text-decoration:none; }

a img { border: none; }

p {
   
}

.p-featured {
	font-size: 1.375em; /* 22px / 16px */
	line-height: 1.275;
	color: #525252;
}

/*	Page Styles
/*-----------------------------------------------------------------------------------*/
#main {
	/*border-top: 5px solid #af75c7;*/
	
	width: 100%;
	margin: 0 auto;
}
#container {
	width: 980px;
	margin: 0 auto 40px auto;
	
}

#featured-content {
	margin: 30px auto;
	padding: 0 20px;
}

.featured-panel p, .featured-panel h2{
	text-align: left;
}

.featured-panel img {
	margin: 0 auto;
}

.features-thumb {
	width: 320px;
	display: inline-block;
	padding: 20px;
	margin-bottom: 20px;
	}
	
.features-p {
	width: 540px;
	display: inline-block;
	vertical-align: top;
	padding-top: 15px;
	margin-bottom: 20px;
	}
.features-p h3 { font-size: 24px; margin-bottom: 20px; font-weight: 900;}
	
#call_to_action {
	width: 100%;
	height: 140px;
	background: url(../images/wtm/coa_bg.png) no-repeat top;
	margin-top:10px;
	}

#bundle_action { margin: 20px 0 30px 0;}

#lastcall {
	padding: 30px 0 20px 0;
	text-align: center;
}

#suite {
	background: #222;
	color: #fff !important;
	padding: 20px 0;
	text-align: center;
}

#suite a{color: #fff !important;}

#suite img{ margin-bottom: 5px;}

#suite-inner { width: 980px; margin: 0 auto;}

.suite-title {
	font-size: 24px;
	margin-bottom: 40px;
}

.suite-subtitle { color: #999; margin: 5px auto; font-size:14px;}

#errorBar{
    background-color:#FFD7D8;
    text-align:center;
    padding:5px;
    color:#d54c4c;
}

/*	Header Styles
/*-----------------------------------------------------------------------------------*/

#header {
	height: 90px;
	padding: 0 2%;

}

#logo { float: left; margin-top: 3px; display: inline-block;}

#login {
	width: auto;
	float: right;
	overflow: hidden;
	}
	
.login-input {font-size: 12px; padding: 2px;}

.panel {
	width: auto;
	float: left;
	margin-top: 20px;
	display: inline;
	margin-right: 10px;
	}

.label {
	font-size: 12px;
	color: #525252;
	display: block;
	margin-bottom: 4px;
	padding-left: 1px;
	}
	
.tiny-label {
	font-size: 10px;
	padding-left: 1px;
	}


.head-butts {
	margin-top:32px;
	display: inline-block;
	}	

/*	Footer Styles
/*-----------------------------------------------------------------------------------*/

#footer {
	background: url(../images/footer_bg.png) top repeat-x #f2f2f2;
	font-size: 12px;
	padding: 20px;
	color: #a4a5aa;
	text-align: center;
	
}

#footer.inner {
	width: 980px;
	margin: 0 auto;
	
}

#footer p { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; }
#footer p a { 
	color: #8E8E8E;
	font-weight: normal;
	padding: 0 10px;
	text-decoration: none;
}

#footer a:hover { color: #333 !important; text-decoration: underline;}

#copyright a {
	color: #8E8E8E;
	font-weight: normal;
	text-decoration: none;
}

#copyright a:hover { color: #333 !important; text-decoration: underline;}

/* Button Styles  
/*-----------------------------------------------------------------------------------*/


.action-butt, .action-butt-small {
	width: 204px;
	height: 53px;
	overflow: hidden;
	text-indent: -9999px;
	display: inline-block;
	background: url(../images/bg_sheet.png) no-repeat -224px 0;
	vertical-align: middle;	
}
.action-butt {
    width: 224px;
    height: 68px;
    text-indent: 0;
    background: url(../images/bg_sheet.png) no-repeat;
    }
    
.action-butt:hover {
    background: url(../images/bg_sheet.png) no-repeat 0 -68px;
    }
.action-butt:active {
    background: url(../images/bg_sheet.png) no-repeat 0 -138px;
    }
.action-butt-small:hover {
    background: url(../images/bg_sheet.png) no-repeat -224px -53px;
    }
.action-butt-small:active {
    background: url(../images/bg_sheet.png) no-repeat -224px -106px;
    }
.login-butt, .signup-butt {
	background: #333;
	padding:6px 14px;
	color:#fff;
	cursor:pointer;
}

.login-butt:hover { background: #444;color:#fff; }

.login-butt:active { background: url(../images/bg_sheet.png) no-repeat 0 -272px; }

.signup-butt
{
    background:#fba40d;
    border-bottom:3px solid #a7610d;
    font-weight:bold;
}

.signup-butt:hover
{
    background:#fbaf0d;
    color:#fff;
}

.head-butts .signup-butt
{
 margin-left:10px;   
}


/* Counter  
/*-----------------------------------------------------------------------------------*/

.counter-num, .counter-num-comma {
	background: url(../images/bg_sheet.png) no-repeat -61px -206px;
	height: 44px;
	width: 47px;
	overflow: hidden;
	color: #fff;
	text-align: center;
	font-size: 38px !important; /* 38.68px / 16px */
	font-weight: 700;
	display: inline-block;
	margin-left: -8px;
	vertical-align: top;

	}
.counter-num-comma {
	background: url(../images/bg_sheet.png) no-repeat -61px -206px;
	height: 48px;
	width: 55px;
	vertical-align: top;
	margin-right: 6px;
}
.comma-num { margin-left: -8px; }

/*	Shortcode Styles
/*-----------------------------------------------------------------------------------*/

.one_half { width: 44%; }
.one_third { width: 29%; }
.two_third { width: 63.33%; }
.one_fourth { width: 20%; }
.three_fourth { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 67.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }

.one_half,
.one_third,
.two_third,
.three_fourth,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	position: relative;
	margin: 0 2%;
	margin-bottom: 20px;
	float: left;
}

.column-last {
	margin-right: 0!important;
	clear: right;
}

.page-left {
	
	float: left;
	margin:20px 0 40px 0;
	width: 650px;	
	-moz-box-shadow: 3px 3px 5px #a9aba2; 
	-webkit-box-shadow: 3pz 3px 5px #a9aba2; 
	box-shadow: 0px 3px 6px #a9aba2; 
}
.page-left-inner { padding: 20px 20px 40px 20px; }
.page-header { background: #af75c7; padding: 10px;color: #fff; font-weight: bold;}
.page-table { font-size: 14px; margin: 0;}
.page-section { padding: 0 10px 15px 10px; margin-bottom: 15px; border-bottom: 1px solid #ccc; }
.sidebar-right {
	width: 314px;
	float: right;
	margin: 20px 0;
}

.purple { color: #af75c7; margin-bottom: 10px;}

.alert {
	padding:10px;
    text-align: center;
    margin:5px 0;
}
.alert.red {
    background: #FFD7D8;
    border-top: 1px solid #f9bac7;
    border-bottom: 1px solid #f9bac7;
    color: #d54c4c;
}

.alert.green {
    background: #D5FFCA;
    border-top: 1px solid #cadba7;
    border-bottom: 1px solid #cadba7;
    color: #5f8b33;
}
/*  Signup */
table, td, tr { border: none; text-align: left; padding-left: 0; margin-left: 0; }
input[type=text] { margin-left: 10px; -webkit-appearance: textfield;}


#slider {
    position:relative;
    width:980px; /* Change this to your images width */
    height:400px; /* Change this to your images height */
    background:url(../images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

/* MEDIA QUERIES
**********************/

@media only screen and (min-width: 480px) {

#searchform input {
	width: 60%;
}

#searchform input[type=submit] {
	width: 100px;
}

}

@media only screen and (max-width: 1100px) 
{
    .live-help-button { display:none;}
}

/* PRINT 
***********/
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }  
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/* IE FIXES
*************/

/*
Thanks to the HTML5 Boilerplate there's an easier way
to target IE specific bugs. Simply use the html class
to target the specific version of IE.

To target the .post_content area in IE6, use:
html.ie6 .post_content { ... }

To target the .post_content area in IE7, use:
html.ie7 .post_content { ... }

To target the .post_content area in IE8, use:
html.ie8 .post_content { ... }


Much easier right? This way, you don't have to call
any more stylesheets, you can leave it at the bottom
and it will overwrite depending on the html class.
*/