﻿/* Buttons
------------------------------------------------------- */
.clearfix {
	clear: both;
}
#wrapp #contentp .button, #wrapp #mainp .button {
	display: block;
	border: 1px solid #bbb;
	-khtml-border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd')";
	color: #444;
	font-weight: bold;
	text-shadow: #fff 0px 1px 0px;
	outline: none;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(0.03, #f7f7f7),color-stop(0.5, #e7e7e7),color-stop(0.5, #d7d7d7),color-stop(1, #dddddd));
}
#wrapp #contentp .button:hover, #wrapp #mainp .button:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd')";
	color: #3987cc;
	text-decoration: none;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(0.5, #f3f3f3),color-stop(0.5, #eee),color-stop(1, #dddddd));
}	
#wrapp #contentp .button:active, #wrapp #mainp .button:active {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#eeeeee')";
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #dddddd),color-stop(1, #eeeeee));
}
#wrapp #contentp .button.grey, #wrapp #mainp .button.grey {
	display: block;
	float: left;
	position: relative;
	padding: 4px 15px;
	font-size: 11px;
	line-height:18px;
	}	

#wrapp #contentp .button.yellow, #wrapp #mainp .button.yellow {
	display: block;
	float: left;
	position: relative;
	padding: 4px 15px;
	font-size: 11px;
	line-height: 18px;
	color: #333;
	border: 1px solid #f0d214;
	background-color: #ffe32f;
	/* FF3.6 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fffad8', EndColorStr='#ffe32f')";
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(0.04, #fff8ce),color-stop(.94, #ffe32f),color-stop(1, #fff092));/* Saf4+, Chrome */
}

#wrapp #contentp .button.yellow:hover, #wrapp #mainp .button.yellow:hover {
	color: #333;
	/* FF3.6 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fffbdf', EndColorStr='#ffe956')";
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fffbdf),color-stop(1, #ffe956));/* Saf4+, Chrome */
}
#wrapp #contentp .button.yellow:active, #wrapp #mainp .button.yellow:active{
	/* FF3.6 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffe32f', EndColorStr='#fffad8')";
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffe32f),color-stop(1, #fffad8));/* Saf4+, Chrome */
}

#wrapp .button.green {
	display: block;
	float: left;
	position: relative;
	padding: 4px 15px;
	font-size: 11px;
	line-height:18px;
	color: #fff;
	text-shadow: #237e33 0px 1px 2px;
	border: 1px solid #178726;
	/* FF3.6 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#82d18a', EndColorStr='#51be5c')";
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #cceccf),color-stop(0.04, #82d18a),color-stop(.94, #51be5c),color-stop(1, #81d087));/* Saf4+, Chrome */
}

#wrapp .button.green:hover {
	/* FF3.6 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#a3dda8', EndColorStr='#4dbc5b')";
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #a3dda8), color-stop(1, #4dbc5b));/* Saf4+, Chrome */
}
#wrapp .button.green:active{
	/* FF3.6 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#51be5c', EndColorStr='#82d18a')";
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #51be5c),color-stop(1, #82d18a));/* Saf4+, Chrome */
}

/* PLATFORM
------------------------------------------------------- */

#wrapp #contentp p.big, #wrapp #mainp p.big {
	font:normal normal 16px/24px 'Helvetica Neue', Arial, Verdana, sans-serif;
	color: #777;
}

#wrapp #contentp p.border_bottom, #wrapp #mainp p.border_bottom {padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #eee}

#wrapp {
	position: relative;
	width: 960px;
	margin-bottom: 20px;
	background: url('img/bg-wrap.gif') no-repeat left top;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

#wrapp.wide {
	width: 920px;
	padding: 0 20px;
}
.home #wrapp{margin-top:0;}

#wrapp:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

 #wrapp h1 {
	text-indent: 0;
	color: #222;
	font-size: 28px;
	line-height:32px;
	font-weight: 300;
	padding: 20px 0;
	margin: 0;
	width: 720px;
}
 #mainp h3,
 #contentp h3 {
	font-size: 18px;
	color: #225079;	
	}
 #wrapp.wide h1 {
	width: 920px;
}



 #wrapp .intro {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #e7e7e7;
	font: lighter 16px/25px 'Helvetica Neue', Arial, Verdana, sans-serif;
	}
 #wrapp div.intro p {
	line-height: 24px;
	font-size: 16px;
	color: #555;
	}
#mainp{margin:0 20px 25px 200px;}
#mainp.left{float:left;width:600px;margin:0 15px 25px 0;}
 #sidebar{float:right;padding:0;}
#left,#right{float:left;width:355px;margin:0 0 20px 20px;}
#left{margin-left:0;}
#left.wide{width:750px;}
#wrapp #mainp h4{margin:20px 0 10px 0;font-size:18px;}#wrapp p{line-height:20px;margin:0 0 15px 0;color:#777;font-size:14px;}
#wrapp ul.list {margin: 10px 0;}
#wrapp ul.list li{
	line-height:20px;
	margin: 0 0 10px 0;
	list-style: disc;
	color: #777;
	font-size: 14px;
	}


/* Premium Features and Pricing
------------------------------------------------------- */

 #wrapp{margin:0 auto;}
 #wrapp #contentp{
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width:920px;
	background:#000 url('img/background-plans_and_pricing.jpg') no-repeat left top;
	margin:0;
	 padding: 20px 20px 0 20px;
}

 #wrapp #contentp h1{background:url('img/title-plans_and_pricing.png') no-repeat left top;
margin:20px 0 30px 0;width:274px;height:38px;text-indent:-9999px;
}
 #left{float:left;width:250px;}
 #left h2{background:url('img/title-premium_features.png') no-repeat left top;
width:155px;height:18px;text-indent:-9999px;margin-bottom:20px;
}
 #left ul.features a:hover {color: #3987cc;text-decoration: underline;}
 #left ul.features li{list-style:none;margin:0;padding:0;} #left ul.features li img{float:left;margin:0 10px 25px 0;} #left ul.features li h4{font-size:13px;color:white;text-shadow:#000 0 2px;margin:0;} #left ul.features li p{padding-left: 50px;font-size:11px;line-height:15px;color:#ccc;text-shadow:#000 0 1px;} #left .more_info h3{background:url('img/title-get_more_info.png') no-repeat left top;
text-indent:-9999px;width:250px;height:17px;margin-top:40px;
}
 #left .more_info ul li{list-style:none;margin:15px 0;}
 #left .more_info ul li a{width:250px;height:38px;display:block;background-repeat:no-repeat;background-position:left top;text-indent:-9999px;} #left .more_info ul li a.premium_cost_estimator{background-image:url('img/button-premium_cost_estimator.gif');
}
 #left .more_info ul li a.service_guarantees{background-image:url('img/button-service_guarantees.gif');
}
 #left .more_info ul li a.free_or_premium{background-image:url('img/button-free_vs_premium.gif');
}
 #left .more_info ul li a:hover{background-position:left center;} #left .more_info ul li a:active{background-position:left bottom;} #right{float:left;width:646px;margin-left:20px;}
 #left .fb_pdc{margin-left: 25px;}
 #right #plans_and_pricing{float:left;width:651px;height:874px;margin-top:30px;background:url('img/background-pricing.png') no-repeat left top;
}
 #contentp .tail{clear:both;width:960px;margin:0 0 0 -20px;height:5px;line-height:5px;background:url('img/background-plans_and_pricing-tail.jpg') no-repeat left top;
} #right #promo_premium_support{position: absolute;right: 20px;top: 20px;} #right #plans_and_pricing div.plan{float:left;position:relative;padding-top:144px;} #right #plans_and_pricing .plan.free{width:217px;} #right #plans_and_pricing .plan.channel{width:214px;} #right #plans_and_pricing .plan.network{width:215px;} #right #plans_and_pricing span.tip{position:absolute;left:0;top:-60px;width:217px;height:61px;text-indent:-9999px;display:block;} #right #plans_and_pricing span.tip.free{background:url('img/tip-ideal_for_anyone.png') no-repeat center 5px;
} #right #plans_and_pricing span.tip.channel{background:url('img/tip-ideal_for_professionals.png') no-repeat 5px 0;
width:193px;
} #right #plans_and_pricing span.tip.network{background:url('img/tip-ideal_for_organizations.png') no-repeat center 5px;
} #right #plans_and_pricing h2{height:0;text-indent:-9999px;} #right #plans_and_pricing div.plan a.sign_up{width:137px;height:42px;background:url('img/button-sign_up.png') no-repeat left top;
display:block;text-indent:-9999px;margin:25px 0 22px 42px;
} #right #plans_and_pricing div.plan a.sign_up:hover{background-position:left center;} #right #plans_and_pricing div.plan a.sign_up:active{background-position:left bottom;} #right #plans_and_pricing div.plan a.buy_now{width:137px;height:42px;background:url('img/button-buy_now.png') no-repeat left top;
display:block;text-indent:-9999px;margin:20px 0 27px 38px;
} #right #plans_and_pricing div.plan.network a.buy_now{width:137px;height:42px;background:url('img/button-buy_now.png') no-repeat left top;
display:block;text-indent:-9999px;margin:25px 0 22px 38px;
} #right #plans_and_pricing div.plan a.buy_now:hover{background-position:left center;} #right #plans_and_pricing div.plan a.buy_now:active{background-position:left bottom;} #right #plans_and_pricing div.plan li .gb{position:absolute;z-index:2;top:-2px;right:1px;width:33px;height:39px;background:url('img/badge-gb.png') no-repeat left top;
} #right #plans_and_pricing div.plan.network li .gb{right:3px;} #right #plans_and_pricing div.plan li .gb:hover{background-position:left bottom;cursor:help;} #right #plans_and_pricing div.plan li .gb .tooltip{position:absolute;z-index:3;width:236px;height:330px;padding:15px 15px 0 15px;left:-200px;top:-370px;background:url('img/background-tooltip-conversion.png');
color:#fff;display:none;
} #right #plans_and_pricing div.plan li .gb .tooltip h3{height:20px;text-indent:-9999px;} #right #plans_and_pricing div.plan li .gb .tooltip ul{margin:0;padding:8px 0;border-bottom:1px solid #000;border-top:1px solid #444;} #right #plans_and_pricing div.plan li .gb .tooltip ul.last{border-bottom:none;} #right #plans_and_pricing div.plan li .gb .tooltip li{position:relative;height:auto;padding:0 15px;margin:0;font-size:11px;text-shadow:#000 0 1px 0;color:#fff;text-align:left;} #right #plans_and_pricing div.plan li .gb .tooltip li strong{font-size:11px;} #right #plans_and_pricing div.plan li .gb .tooltip li span{position:absolute;right:15px;} #right #plans_and_pricing div.plan li .gb .tooltip p{margin:0;padding:7px 15px 10px 15px;border-top:1px solid #444;border-bottom:1px solid #000;font-size:11px;color:#999;text-shadow:#000 0 1px 0;line-height:16px;} #right #plans_and_pricing div.plan li{font-size:11px;text-shadow:#fff 0 1px;text-align:center;list-style:none;margin:0 0 1px 0;padding:23px 0 0 0;height:65px;position:relative;} #right #plans_and_pricing div.plan li p{margin:0;color:#444;font-size:12px;text-shadow:#fff 0 1px 0;} #right #plans_and_pricing div.plan.free li.storage{padding-top:0;height:85px;} #right #plans_and_pricing div.plan.free li.storage p{line-height:85px;} #right #plans_and_pricing div.plan.free li.{line-height:85px;} #right #plans_and_pricing div.plan.free li.channels{padding-top:35px;height:50px;} #right #plans_and_pricing div.plan.free li.channels p{line-height:20px;} #right #plans_and_pricing div.plan.free li.coverage{padding-top:20px;height:60px;} #right #plans_and_pricing div.plan.free li.price p{line-height:50px;margin:0;float:none;width:auto;} #right #plans_and_pricing div.plan li strong{font-size:20px;} #right #plans_and_pricing div.plan li p.sub strong{font-size:12px;} #right #plans_and_pricing div.plan li p .footnote{color:red;position:absolute;} #right #plans_and_pricing div.plan li.price{position:relative;} #right #plans_and_pricing div.plan li.price .savings{position:absolute;width:123px;height:28px;right:-6px;top:78px;background:url('img/badge-save-channel.png');
text-indent:-9999px;
}
 #right #plans_and_pricing div.plan.network li.price .savings {width:132px;top:69px;right:-4px;background:url('img/badge-save-network.png');
} #right #plans_and_pricing div.plan li.price p{margin-top:5px;color:#777;font-weight:bold;font-size:11px;} #right #plans_and_pricing div.plan.channel li.price p{margin-top:10px;} #right #plans_and_pricing div.plan li.price p strong{font-size:24px;color:#444;}
 #right #plans_and_pricing div.plan.channel li.price p,
 #right #plans_and_pricing div.plan.network li.price p {float:left;width:207px;height:100%;margin:0;} #right #plans_and_pricing div.plan.channel li.price p {margin-top: 5px;} #right ul.footnotes{clear:both;list-style:none;} #right ul.footnotes li{list-style:none;display:block;margin:0 10px 0 0;font-size:11px;text-shadow:#000 0 1px 0;} #right ul.footnotes li em{color:red;} #right .livestream_awards{width:440px;height:114px;background:url('img/background-awards.png') no-repeat left top;
float:left;position:relative;padding:35px 40px 0 170px;
} #right .livestream_awards h3{font-size:20px;text-shadow:#fff 0 1px;color:#3987cc;} #right .livestream_awards p{font-size:12px;text-shadow:#fff 0 1px;color:#264e6a;} #right .livestream_awards a{position:absolute;bottom:6px;right:5px;background:url('img/button-read_more.gif') no-repeat left top;
width:90px;height:20px;text-indent:-9999px;
} #right .livestream_awards a:hover{background-position:left center;} #right .livestream_awards a:active{background-position:left bottom;} #right .testimonials{width:500px;height:119px;background:url('img/background-testimonials.png') no-repeat left top;
float:left;padding:40px 100px 0 60px;margin-top:10px;
} #right .testimonials p.quote{font-size:18px;line-height:28px;color:#3987cc;text-shadow:#fff 0 1px;font-style:italic;font-family:Georgia,Times,serif;margin:0;} #right .testimonials p.speaker{margin:0;font-size:11px;padding-left:20px;color:#264e6a;} #premium_customers{width:960px;height:140px;background:url('img/background-premium_customers.gif') no-repeat left top;
float:left;margin:20px 0;position:relative;
} #premium_customers h2{text-indent:-9999px;height:1px;float:left;} #premium_customers div.logos {margin: 40px 0px 0px 60px;} #premium_customers a{position:absolute;bottom:0;right:0;background:url('img/button-more.gif') no-repeat left top;
width:58px;height:20px;text-indent:-9999px;
} #premium_customers a:hover{background-position:left center;} #premium_customers a:active{background-position:left bottom;}

/* Master Resets (thanks Yahoo)
------------------------------------------------------------- */

#page-wrapp,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 

#page-wrapp table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 

#page-wrapp fieldset,img {  
    border:0; 
} 

#page-wrapp address,caption,cite,code,dfn,em,th,var { 
    font-style:normal; 
    font-weight:normal; 
} 

#page-wrapp ol{ 
    list-style:none; 
} 

#page-wrapp ul { 
    list-style:none; 
}

#page-wrapp li { 
    list-style:none; 
}

#page-wrapp caption,th { 
    text-align:left; 
} 

#page-wrapp h1{ 
    font-size:100%;
    margin-bottom:0px;
    margin-top:0px;
} 

#page-wrapp h2{ 
    font-size:100%;
    margin-top:0px;
} 

#page-wrapp h3{ 
    font-size:100%;
    margin-bottom:0px;
    margin-top:0px;
} 

#page-wrapp h4{ 
    font-size:100%;
    margin-bottom:0px;
    margin-top:0px;
} 

#page-wrapp h5{ 
    font-size:100%;
    margin-bottom:0px;
    margin-top:0px;
} 

#page-wrapp h6{ 
    font-size:100%;
    margin-bottom:0px;
    margin-top:0px;
} 


#page-wrapp q:before,q:after { 
    content:''; 
} 

#page-wrapp abbr,acronym { 
	border:0; 
} 

#page-wrapp a {
	outline: none;
	}

/* General
 * --------------------------------------------------------- */

#page-wrapp {
	height: 100%;
	background: #fff;
	color: #404040;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	}
#page-wrapp h1{
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	}
#page-wrapp h2{
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	}
#page-wrapp h3{
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	}
#page-wrapp h4{
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	}
#page-wrapp h5{
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	}
#page-wrapp h6{
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	}

.clear {
	clear: both;
	}
.hide {
	display: none;
	}
#page-wrapp a {
	color: #3987cc;
	text-decoration: none;
	outline: none;
	}
#page-wrapp a:hover {
	color: #222;
}	

/* Features
------------------------------------------------------- */
.clearfix {
	clear: both;
}

#mainpp th,td {  
	margin:0; 
	padding:0; 
} 

#mainpp table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 


#mainpp{}
#wrappp #mainpp h4{margin:20px 0 10px 0; font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size:18px;}#wrappp p{line-height:20px;margin:0 0 15px 0;color:#777;font-size:14px;}

#wrappp h1 {
text-indent: 0;
color: #222;
font-size: 28px;
line-height: 32px;
font-weight: 300;
padding: 20px 0;
margin: 0;
width: 720px;
font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}

#wrappp table{width:923px;margin:0 0 40px 0;border:1px solid #ccc;}
#platform.features #wrappp table{width:720px;margin:0;}
#wrappp table thead tr{
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	background-image: -moz-linear-gradient(top, #ffffff, #e7e7e7);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #e7e7e7));
	}
#wrappp table thead tr th {*filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e7e7e7'); 
	}
#wrappp table thead tr th{height:28px;color:#404040;text-transform:uppercase;font-size:10px;font-weight:bold;text-shadow:#fff 0 1px 1px;text-align:center;}
#wrappp table thead tr th img{margin-top:5px;}
#wrappp table thead tr th.empty{background:none;}
#wrappp table tbody tr.highlight td{background:#3987cc;}
#wrappp table tbody tr.highlight td.heading{background:#3987cc;color:#fff;}
#wrappp table tbody tr td{padding:10px;border:1px solid #ccc;text-align:center;}
#wrappp table tbody tr td.highlight{color:#3987cc;font-weight:bold;}
#wrappp table tbody tr td.heading{background-color:#f0f0f0;color:#999;font-weight:bold;text-align:left;}
#wrappp table tbody tr td h4{margin:0 0 3px 0; text-align:left;font-size:14px; color: #404040; font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;}
#wrappp table tbody tr td p{font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; color: #404040; line-height:18px;margin:0;font-size:12px;text-align:left;}#wrappp table tbody tr td em{color:#999;font:oblique 12px georgia,times,serif;}
#wrappp table tfoot a{display:block;width:154px;height:34px;margin:10px;background-position:left top;background-repeat:no-repeat;text-indent:-9999px;}
#wrappp table tfoot a.sign_up{background-image:url('img/button-table-sign_up.gif');
}
#wrappp table tfoot a.buy_now{background-image:url('img/button-table-buy_now.gif');
}
#wrappp table tfoot a:active{background-position:left bottom;}
