body { color: #4E565B;
	background: url(/Templates/3.0/Images/bg.png) #eaedef;
}

.bold
{
    font-weight:bold;
}

body p.large {
    font-size: 16px;
    font-size: 1.6rem;
}
 
.contentarea {
    background-color: white;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, .1);
    padding: 20px;
    border: 1px solid #dddddd;
 }
 
.panel {
    border-top: 1px solid #fff;
    padding-left: 7% !important;
    padding-right: 7% !important;
}

.panel.nogap {
    margin-bottom: 0px !important;
    border-bottom: 1px solid #ddd;
}

.post-pricing-table-text {
    line-height: 1.3;
    text-align: center;
    font-size: 16px !important;
    font-size: 1.6rem !important;
    font-weight: normal !important;
}

.panel.featuredPanel {
    padding: 100px 0px 0px 6% !important;
}

.panel.featuredPanel2 {
    padding: 100px 6% 0px 6% !important;
}

#featuredImage {
    padding-bottom: 0;
}

.panel.marginTop {
    padding-top: 60px;
}

h1, h2, h3, h4, h5, h6 {
	color: #4E565B;
	line-height: 1.1;
}

h1, h2 {
	color: #4E565B;
	letter-spacing: -1px;
	line-height: 1;
}

h2.masthead {
    font-size: 4.2rem;
    margin-top: 65px;
    margin-bottom: 10px;
}

h2.masthead.no-margin {
    margin-top: 30px;
    margin-bottom: 10px;
}

h2.masthead.twenty-margin {
    margin-top: 20px;
    margin-bottom: 10px;
}

h5 {
    font-size: 24px;
    font-size: 2.4rem;
    color: #777;
    margin-bottom: 20px !important;
}

a { color: #2583d5; text-decoration: none; line-height: inherit; }
a:hover { color: #12618d; }
a:focus { color: #cc4714; outline: none; }


/* @group HEADER STYLES */
#header {
  background: url(/Templates/3.0/Images/gradient-top.jpg) repeat-x center top #1d2427;
  border-bottom: solid 4px orange;
  padding: 0px 20px 0px 20px;
  width: 98%;
  position: fixed;
  z-index: 999;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(64, 72, 75, .5);
  -moz-box-shadow: 0px 2px 10px 0px rgba(64, 72, 75, .5);
  box-shadow: 0px 2px 10px 0px rgba(64, 72, 75, .5);
  top:0px;
}

#header .row {
    width: 98%;
}

#header h1 { 
    margin: 0px 0px 0px 0px;
}

#header a.button { color: #ffffff; }

/* @end */




/* @group NAVIGATION MENU STYLES */
.nav-bar {
    background-color: transparent !important;
    border: 0px;
}
.nav-bar li {
    font-weight: bold;
    text-transform: uppercase;
    border: 0px;
}
.nav-bar li a {
    color: #ddd;
    text-shadow: 1px 1px 0 #272f32;
    padding-left: 5px !important;
    font-size: 95% !important;
}
.nav-bar li a:hover {
    color: #fff;
    text-shadow: 1px 1px 0 #000;
}
.nav-bar a.button {
    font-size: 1.4rem;
    text-shadow: -1px -1px 0 #e59500;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.nav-bar a.button:hover {
    text-shadow: -1px -1px 0 #ae7100;
}
.nav-bar li.menuDivider {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px dotted #777;
}
.nav-bar li a.small {
    color: #aaa;
    margin-right: 10px;
}
.featuredPanel dl.show-on-phones {
    margin-right: 40px;
}
dd a.freeTrial {
    font-weight: bold;
    color: #ffffff !important;
    background-color: #EA8823 !important;
    text-shadow: -1px -1px 0 hsl(30, 80%, 44%);
}

/* @end */


/* @group SIDEBAR STYLES */

#sidebar {
    padding-top: 30px;
}
#sidebar h4 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 7px;
	margin-bottom: 10px;
}
#sidebar h4 img.left { margin-right: 8px; }

#sidebar a.ticket_new {
    font-weight: bold;
}
#sidebar a.ticket_inprogress {
    font-weight: bold;
    color: #509926;
}
#sidebar a.ticket_solved {
    color: #7e858a;
    font-style: italic;
}

#sidebar a.ticket_new .label, #sidebar a.ticket_inprogress .label, #sidebar a.ticket_solved .label {
}

/* @end */



/* @group FOOTER STYLES */
#footer {
    background: url(/Templates/3.0/Images/gradient-bottom.jpg) repeat-x center top #2b3238;
    border-top: solid 3px #f7f7f7;
    padding: 40px 20px 50px 20px;
    margin-top: 30px;

}
#footer h4 {
    color: #a9acae;
    text-shadow: 0 2px 2px #2b3033;
}
#footer h4.underline {
    border-color: #586065;
    padding-bottom: 6px;
}
#footer, #footer a { color: #808488; }
#footer a:hover { color: #efefef; }
#footer-logo a img { opacity: 0.7; }
#footer-logo a img:hover { opacity: 1; color: #4d555b; }
#footer p {
    font-size: 13px;
    font-size: 1.3rem;
}
#footer ul li {
    line-height: 1;
}
.row.copyright {
    border-top: 1px solid #586065;
    margin-top: 36px;
    padding-top: 20px;
}
#footer .button {
    color: #2b3238;
}
#footer .button:hover {
    color: #21262a;
}
/* @end */



/* @group TYPEKIT FONTS */

h1, h2, h3, h4, h5, h6 {
  font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Arial, sans-serif; }
  
@font-face {
	font-family: icons;
	src: url('fonts/fico.eot');
	src: url('fonts/fico.eot?#iefix') format('embedded-opentype'),
		url('fonts/fico.ttf') format('truetype'),
		url('fonts/fico.svg#Fico') format('svg');
	}

.icon,
.icon_generated:before {
	font-family: icons;
	font-weight: normal !important;
	font-style: normal !important;
	text-transform: none !important;
	font-size: 85% !important;
	padding-right: 4px;
}

.icon_generated {}

.icon_generated:before {
	content: attr(data-icon);
	padding-right: 7px;
}

.icon.deleteicon, .icon.hideicon {
    font-size: 80%;
    color: #ccc !important;
}

.icon.deleteicon:hover, .icon.hideicon:hover {
    color: #4e565b !important;
}

h4 span.icon {
    color: #7f8488;
}	
/* @end */



/* @group BUTTON STYLES */

.button { margin-bottom: 10px; }
.blue.button			{ background-color: #00a6fc;  }
.red.button				{ background-color: #e91c21; }
.orange.button			{ background-color: #ffa500; }
.green.button			{ background-color: #5BAD2B; }
.white.button			{ background-color: #e9e9e9; color: #333; }
.black.button			{ background-color: #141414; }

.nice.blue.button		{ border: 1px solid #0593dc;  }
.nice.red.button		{ border: 1px solid #b90b0b;  }
.nice.orange.button		{ border: 1px solid #e59500;  }
.nice.green.button		{ border: 1px solid #509926;  }
.nice.white.button		{ border: 1px solid #cacaca; text-shadow: 1px 1px 0 #f4f4f4 !important;
    color: #4e565b;
}
.nice.black.button		{ border: 1px solid #000; }

.button:hover, .button:focus 				{ background-color: #0192dd; color: #fff; }
.blue.button:hover, .blue.button:focus		{ background-color: #0192dd; 	}
.red.button:hover, .red.button:focus 		{ background-color: #d01217; 	}
.orange.button:hover, .orange.button:focus 	{ background-color: #ed9a00; 	}
.green.button:hover, .green.button:focus 	{ background-color: #458C1C; 	}
.white.button:hover, .white.button:focus	{ background-color: #dadada; color: #333; }
.black.button:hover, .black.button:focus	{ background-color: #000; }

.tiny.button { font-size: 10px; padding: 3px 8px 4px; max-width: 150px; }

.splitButtonLeft {
    width: 45%;
    padding: 12px 10px 13px 10px;
    -moz-border-radius-topright: 0px !important;
    -moz-border-radius-bottomright: 0px !important;
    -webkit-border-radius: 6px 0px 0px 6px !important;
    border-radius: 6px 0px 0px 6px !important;
    float: left;
    position: relative;
    background: #ffa500;
    display: inline-block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px; font-size: 1.6rem;
    line-height: 1;
    font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
    cursor: pointer;
    outline: none;
    margin: 0;
    background: #ffa500 url(/Templates/3.0/Images/misc/button-gloss.png) repeat-x 0 -31px;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
    text-shadow: 0 -1px 0px rgba(0,0,0,0.15);
    background: #ffa500 url(/Templates/3.0/Images/misc/button-gloss.png) repeat-x 0 -31px, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%);
    background: #ffa500 url(/Templates/3.0/Images/misc/button-gloss.png) repeat-x 0 -31px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));
    border: 1px solid #e59500;
    -webkit-transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
}
.splitButtonLeft:hover, .splitButtonLeft:focus {
    background-color: #ed9a00;
    text-shadow: 0 -1px 0px rgba(0,0,0,0.3);
    color: #fff;
}
span.splitOR {
    float: left;
    position: relative;
    display: inline-block;
    z-index: 10;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1;
    letter-spacing: -1px;
    border: 1px solid #a0a3a6;
    padding: 5px 5px 5px 4px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-left: -20px;
    margin-top: 11px;
    background-color: #f4f4f4;
    color: #777;
}
.splitButtonRight {
    width: 38%;
    padding: 12px 10px 13px 10px;
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    -webkit-border-radius: 0px 6px 6px 0px !important;
    border-radius: 0px 6px 6px 0px !important;
    float: left;
    position: relative;
    background: #e9e9e9;
    display: inline-block;
    text-align: center;
    color: #4e565b;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    margin: 0 0 0 -13px;
    background: #e9e9e9 url(/Templates/3.0/Images/misc/button-gloss.png) repeat-x 0 -31px;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
    text-shadow: 0px 1px 0px rgba(255,255,255,1);
    background: #e9e9e9 url(/Templates/3.0/Images/misc/button-gloss.png) repeat-x 0 -31px, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%);
    background: #e9e9e9 url(/Templates/3.0/Images/misc/button-gloss.png) repeat-x 0 -31px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));
    border: 1px solid #cacaca;
    -webkit-transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    font: bold 1.6rem/1 "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
}
.splitButtonRight:hover, .splitButtonRight:focus {
    background-color: #dadada;
    color: #141414;
}
/* @end */


/* @group TEXT COLORS */

.bluetext { color: #0593dc; }
.greentext { color: #509926; }
.orangetext { color: #e59500; }
.redtext { color: #b90b0b; }

/* @end */



/* @group TOOLTIP STYLES */

.has-tip {
  border-bottom: none !important;
}

h5.has-tip {
  font-weight: normal;
  color: #777777;
}

p.has-tip {
    font-weight: normal;
    color: #4e565b;
}

.tooltip span.nub {
    margin-left: 80px;
}

/* @end */

/* @group FORM STYLES */
input, textarea {
    font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Arial, sans-serif;
    line-height: 1.4;
}
.input-text, textarea {
    padding-left: 6px !important;
    line-height: 1;
}
.reveal-modal-bg {
    z-index: 9997;
}
.reveal-modal {
    z-index: 9999;
}
#trialModal .inline {
    vertical-align: middle;
}
#trialModal #accountName {
    width: 40% !important;
    max-width: 40% !important;
}
#trialModal .button {
    float: left;
    clear: both;
    margin-top: 20px;
    margin-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
}
.oversize input {
    width: 37% !important;
    max-width: 50% !important;
    text-align: right;
    font-size: 36px !important;
    font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Arial, sans-serif;
}
.oversize2 input {
    text-align: left;
    font-size: 18px !important;
    font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Arial, sans-serif;
}
.oversize h5 {
    font-size: 36px !important;
}
label {
    font-weight: bold;
}
/* @end */


/* @group MISCELLANEOUS STYLES */

.button.radius {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.rounded {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15x;
}

.debossed {
    -webkit-box-shadow: inset 2px 3px 4px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: inset 2px 3px 4px 0px rgba(0, 0, 0, .5);
    box-shadow: inset 2px 3px 4px 0px rgba(0, 0, 0, .5);
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.alignleft { float: left; margin-right: 15px; margin-bottom: 15px; }
.alignright { float: right; margin-left: 15px; margin-bottom: 15px; }

small {
	font-size: 85%;
	font-weight: normal;
	opacity: 0.8;
}

h4 a.small span.icon {
    font-size: 110% !important;
}

.smallprint {
    font-size: 85%;
	color: #949494;
	line-height: 1.7;
}

.tabs-content li {
    background-color: white;
}

.inline { clear: none !important; display: inline !important; }
.center {
    text-align: center;
}
.unavailable { color: #ccc; }

hr.dashed { border-width: 0px; border-bottom: 1px dashed #ddd !important;
clear: both; margin: 30px 0 40px; height: 0; }
.unread { font-weight: bold; }
.alert-box.warning { background-color: #FFFBCC; color: #111; text-shadow: 0 1px rgba(255,255,255,0.3); }
.alert-box.smoke { background-color: #f7f7f7; padding: 20px 20px 10px 20px;
}
.underline, .underlined { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; }
.strong { font-weight: bold !important; }
.small { font-size: 1.2rem; }
small.color-sample {
    padding: 5px 10px;
    color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
ul.pretty {
    margin: 15px 15px 30px 30px;
    list-style-type: disc;
}

ul.pretty li {
    background-color: transparent !important;
}
.red.label:hover, .blue.label:hover, .black.label:hover, .green.label:hover {
    color: #fff;
}
.caption {
    clear: both;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.4;
    font-weight: bold;
    margin: 8px auto 20px auto;
    padding: 3px 12px 4px 12px;
    text-align: center;
    background-color: #f2f2f2;
    background: #fafafa;
    background: -moz-linear-gradient(top, #fafafa 0%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f0f0f0));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f0f0f0',GradientType=0 );
    border: 1px solid #f0f0f0;
    color: #2f363c;
    text-shadow: 0 1px 0 hsl(0, 0%, 100%);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.caption.negativemargin {
    margin: -5px auto 20px auto;
    width: 90%;
}
.collapseBox {
    display: none;
}
.clear {
    clear: both !important;
}

.box {
    border: 1px solid #dddddd;
    padding: 10px 15px 5px 15px;
    background-color: #fafafa;
    margin-bottom: 40px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4x;
}

.whitebox {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4x;
    overflow: hidden;
    -webkit-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, .15);
    box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, .15);
}

.box-curl {
    position: relative;
    z-index: 1; /* prevent shadows falling behind containers with backgrounds */
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
}

.page-curl {
    border: 1px solid #dddddd;
    padding: 15px 20px 5px 20px;
    margin-bottom: 40px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6x;
    background: #ffffff;
    background: -moz-linear-gradient(top, #fafafa 0%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f0f0f0));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f0f0f0',GradientType=0 );
    position: relative;
    float: left;
}

.page-curl:before,
.page-curl:after {
    content: '';
    z-index: -1;
    position: absolute;
    left: 25px;
    bottom: 10px;
    width: 75%;
    max-width: 300px; /* avoid rotation causing ugly appearance at large container widths */
    max-height: 100px;
    height: 55%;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    -webkit-transform: skew(-10deg) rotate(-3deg);
    -moz-transform: skew(-10deg) rotate(-3deg);
    -ms-transform: skew(-10deg) rotate(-3deg);
    -o-transform: skew(-10deg) rotate(-3deg);
    transform: skew(-10deg) rotate(-3deg);
}


.page-curl:after {
    left: auto;
    right: 24px;
    -webkit-transform: skew(10deg) rotate(3deg);
    -moz-transform: skew(10deg) rotate(3deg);
    -ms-transform: skew(10deg) rotate(3deg);
    -o-transform: skew(10deg) rotate(3deg);
    transform: skew(10deg) rotate(3deg);
}

.six h4 {
    font-size: 18px;
}

.accordion {
    border-top: 1px solid #dddddd;
    padding-top: 20px;
}
.accordion h6 {
    margin-top: -6px;
}
.accordion .answer {
    margin-top: 10px;
    padding-left: 21px;
    padding-right: 21px;
}

.divider {
    display: block;
    height: 36px;
}

p.lead {
    font-size: 17px;
    font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Arial, sans-serif;
}

img.right {
    margin-left: 10px;
}

.popularBanner {
    height: 89px;
    background-image: url(/Templates/3.0/Images/corner-banner.png);
    background-repeat: no-repeat;
    background-position: right top;
    margin-top: -3px;
    margin-right: -3px;
    padding: 20px 0px 0px 0px !important;
}
.popularBanner hr {
    margin-left: 20px;
    margin-right: 20px;
}
.panel.bestDeal {
    padding: 0px !important;
    background: #F4F2E6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F4F2E6)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #FFFFFF, #F4F2E6); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, #FFFFFF, #F4F2E6); /* FF3.6+ */
    background-image:     -ms-linear-gradient(top, #FFFFFF, #F4F2E6); /* IE10 */
    background-image:      -o-linear-gradient(top, #FFFFFF, #F4F2E6); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #FFFFFF, #F4F2E6);
    box-shadow: 0 4px 8px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.25);
    margin: 0 0 20px 0;
    border: 3px solid #ffb52e;
}

.bestDealContent {
    padding: 17px 17px 2px 17px;
}
/* @end */