@charset "utf-8";
/* CSS Document */


/* ------------------------------------------------------------------ MISC STYLES --------------------------------------------------------------- */
#plans h1 {
	background:url('../images/headings/plans-and-pricing.png');
}

#plans h2 {
	background:url('../images/headings/pay-as-you-go--upgrade-or-downgrade-anytime.png');
	width:448px;
}

#more-text-container-how-to h3 {
	background:url('../images/pages/plans/how-to-upgrade-to-a-premium-account-text.png') 0 15px;
	width:381px;
	height:24px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin: 0 auto;	
	padding-top:20px;
}

#more-text-container-how-to div {
	margin: 10px auto 0;
	padding-bottom: 25px;
	width:950px;
	display:block;
}

#plans h2#us-vs-them {
	background:url('../images/headings/sizable-send-vs-the-competition.png');
	width:334px;
	margin:50px auto 15px;
}

#slider-instruction-hint {
	top:-12px;
	margin-left:-10px;
}

#plans p {
	color:#FFF;
	margin-top:12px;
	text-align:center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	margin:30px 0 15px;
}


/* ------------------------------------------------------------------ SLIDER STYLES --------------------------------------------------------------- */
#slider-container {
	margin:55px auto 90px;;
}

.ui-slider, #gb-amount, #cost-per-month {
	position: relative;
	text-align: left;
}

#gb-amount, #cost-per-month {
	margin-left:-37px;
	margin-top:10px;
	font-size:21px;
	font-weight:bold;
	color: #44484a;
	-webkit-transition:none;
	-moz-transition:none;
	transition:none;
	display:none;	
	width: 85px;
	text-align:center;	
}

#cost-per-month {
	font-size:11px;
	margin-top:-64px;
	margin-left:-38px;
	font-weight:normal;
	font-style:italic;
	color: #FFF;
}

#plans .ui-slider-handle {
	background: url('../images/icons/slider-handle.png') transparent no-repeat;
	width:24px;
	height:24px;
	font-weight: normal;
	-webkit-transition:none;
	-moz-transition:none;
	transition:none;
	position:relative;
	top:-6px;
	border-bottom:none;
}

#plans a.ui-slider-handle:hover {
	border-bottom:none;
}

#plans .ui-state-default:active {
	width: 1.5em;
	height: 1.5em;
	margin:4px 0 -6px -10px;
}


/* ------------------------------------------------------------------ COMPARISON CHART ------------------------------------------------------------ */
#comparison-chart {
	width:875px;
	margin-bottom:45px;
}

#comparison-chart #chart-header {
	background: url('../images/pages/plans/comparison-chart-header.png') transparent no-repeat;
	height:45px;
}

#comparison-chart #chart-header ul {
	list-style:none;
	margin-left:166px;
}

#comparison-chart #chart-header ul li {
	display:inline-block;
	width:165px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#e1e2e3;
	text-indent:-9999px;
	text-transform:uppercase;
}

#comparison-chart ul.comparison-chart-column {
	display:inline-block;
	width:176px;
	background-color:#e1e2e3;
	border-right:1px solid #c6c9cd;
}

#comparison-chart ul.first-column {
	width: 164px;
	-moz-border-radius-bottomleft: 5px;	
	-webkit-border-bottom-left-radius: 5px;	
}

#comparison-chart ul.comparison-chart-column.first-column li {
	text-align:left;	
}

#comparison-chart ul.comparison-chart-column.second-column li {
	font-weight:bold;		
}

#comparison-chart ul.last-column {
	border-right:none;
	width:177px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

#comparison-chart ul.comparison-chart-column {
	list-style:none;
	margin-right:-3px;
}

#comparison-chart ul.comparison-chart-column li {
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2a3445;
	height:14px;
	display:block;
	text-align:center;
	overflow:visible;
	vertical-align:middle;
}

#comparison-chart ul.comparison-chart-column li.white-row {
	background-color:#FFF;
}

#comparison-chart .comparison-chart-column .yes {
	background: url('../images/pages/plans/check-mark.png') 0 -1px transparent no-repeat;
	padding-left:29px;
	width:22px;
	height:20px;
	overflow:visible;
	display: inline-block;
}

#comparison-chart .comparison-chart-column .no {
	background: url('../images/pages/plans/red-x.png') transparent no-repeat;
	padding-left:24px;
	width:16px;
	height:16px;	
}

/* ------------------------------------------------------------------ SLIDER STYLES --------------------------------------------------------------- */
.ui-slider-handle:active, .ui-slider-handle:focus {
    outline-width: 0;
	outline: none;
}

.ui-widget-content {
	border: 1px solid #3a5ed3;
	background-color: #ffffff;
	color: #222222;
}

.ui-widget-header {
	border: 1px solid #aaaaaa;
	background-color: #cccccc;
	color: #222222;
	font-weight: bold;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	display: inline-block;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	background-color:#005f9c;
	-webkit-transition:none;
	-moz-transition:none;
	transition:none;		
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

.ui-slider-horizontal {
	height: .8em;
	-webkit-transition:none;
	-moz-transition:none;
	transition:none;		
}

.ui-slider-horizontal:hover {
	cursor:col-resize;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.7em;
	margin-left: -.6em;
	border-radius: 4px;
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}