/* 
site wide resets, and classes we use everywhere.
*/


table#plans {
font-size: 62.5%; /*so that we can do base10 w/ ems*/
  line-height: 1.3em;

}

table#sub {
font-size: 62.5%; /*so that we can do base10 w/ ems*/
  line-height: 1.3em;
  width: 390px;
  margin-bottom: 20px;

}


table {
	border-collapse: collapse;
}

.clear {
	clear: both;
}

.hidden {
  display: none;
}
.delta-positive {
    color:#76b72e;
}
.delta-negative {
    color:#ff5959;
}

.grayed-out {
    color:#bbb;
}


/* Title Bar
----------------------------------------------------------------------*/

ul#breadcrumbs{
	margin: 10px 0 0 20px;
}
div.breadcrumbs{
    margin-bottom: 20px;
}

ul#breadcrumbs li{
	float: left;
	display: block;
	list-style-type: none;
	padding-left: 28px;
	margin-right: 15px;
	height: 27px;
	line-height: 27px;
	font-size: 11px;
	color: #74ae19;
}
ul#breadcrumbs li.one{
	background: url(../images/orb1.gif) no-repeat;
}
ul#breadcrumbs.one li.one{
	font-weight: bold;
}
ul#breadcrumbs.two li.three{
	background: url(../images/orb2.gif) no-repeat;
	color: #999999;
}
ul#breadcrumbs li.two{
	background: url(../images/orb2.gif) no-repeat;
}
ul#breadcrumbs.one li.two{
	background: url(../images/orb2_grey.gif) no-repeat;
	color: #999999;
}
ul#breadcrumbs.two li.one{
	background: url(../images/orb1_grey.gif) no-repeat;
	color: #999999;
}
ul#breadcrumbs li.three{
	background: url(../images/orb3.gif) no-repeat;
}
ul#breadcrumbs.one li.three{
	background: url(../images/orb3_grey.gif) no-repeat;
	color: #999999;
}
ul#breadcrumbs.two li.three{
	background: url(../images/orb3_grey.gif) no-repeat;
	color: #999999;
}
ul#breadcrumbs.three li.three{
	font-weight: bold;
}

ul#breadcrumbs.two li.one a{
	color: #999999;
}

ul#breadcrumbs.two li.one a:hover{
	color: #4C4B4C;
}

p.tabletext{
	color:#777777;
	font-size:16px;
	font-weight:bold;
	margin-top:16px;
	text-align:center;
	}
	
div#pro_word{
	font-size:12px;
	font-weight:bold;
	color:#268cbf;
	text-align: center;
	margin:0px;
	padding-bottom:0px;
	line-height:30px;
	}	
	
p.permonth{
	color:#444444;
	font-size:10px;
	text-align: center;
	}	
	
div.name_ent{
	color:#444444;
	font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 28px;
    margin-top: 15px;
	line-height:0px;
	}
	
div.free_name{
     color: #78b42b;
     font-size: 19px;
     font-weight: bold;
     text-align: center;
     margin-bottom: 28px;
     margin-top: 15px;
	line-height:0px;
	letter-spacing:-1px;
	}


div.free_price{
	font-size:12px;
	font-weight:bold;
	color:#78b42b;
	text-align: center;
	margin:0px;
	padding-bottom:5px;
	}	
	
	.fixed-height {height:30px;}
	.fixed-height-tight {height: 20px;}
	.back-grey {height: 40px; padding-top: 15px; background-color: #f2f2f2; text-align:center; margin-bottom: 10px;}
	.savings {height: 40px; width: 110px;}
	 
    table#plans{
        margin-left: 40px;
        margin-right: 40px;
    }
	
	td#pl-e a:hover, td#pl-s a:hover, td#pl-p a:hover, td#pl-c a:hover,td#pl-f a:hover,
	 td#pl-e a, td#pl-s a, td#pl-p a, td#pl-c a {color: #fff;}
	td.pl-f a {color:	#70b941; }
	td.pl-f a:hover {color:	#e89b2d; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);}

	td.plan a {color: #fff;}
    table#plans td, table#sub td { vertical-align:middle;  }
    td img { vertical-align:middle;  }

    table#plans thead td, table#sub thead td{
        height: 80px;
        text-align: center;
		border-color:#F0F0F0;
		border-style:solid;
		border-width:1px 1px 0 1px;
		padding-top: 10px;
		height:80px;
		text-align:center;
    }
	
    table#plans td div.name, table#sub td div.name{
        color: #268cbf;
        font-size: 22px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 28px;
		line-height:0px;
		letter-spacing:-1px;
    }
    table#plans td div.price, table#sub td div.pric{
        color: #444444;
        text-align: center;
        font-size: 32px;
		letter-spacing:-1px;
        margin-bottom: 5px;
        font-weight: bold;
        height: 30px;
    }
    table#plans img.plan_button, table#sub img.plan_button{
        margin-bottom: -3px; 
    }
    table#plans thead td.plan, table#sub thead td.plan{
        width: 110px;
    }

    table#plans thead td.selected{
        border-top: 0;
    }
    table#plans thead tr.pro_tab td.selected { height:29px;width:110px;}

    table#plans thead td.selected div.current{
        text-align: center;
        font-weight: bold;
        font-size: 1.2em;
    }
    table#plans thead td.selected div.name{
        text-align: center;
        font-size: 1.1em;
        font-weight: normal;
        margin-top: 5px;
        margin-bottom: -3px;
    }
    table#plans thead td.callout{
        padding: 0 10px;
		border: 0px;
		
    }
	
    table#plans thead tr.pro_tab td{
        background: #ffffff;
        border: 0;
        padding: 0;
        height:29px;
    }
    table#plans thead tr.pro_tab td.pro_plans { height:53px; }

    table#plans td{
        border: 1px solid #cbcbcb;
        text-align: center;
        font-size: 1.1em;
    }

    table#plans td.selected{
        background: #dbdbdb;
    }
    table#plans td.product{
		font-family:Arial, Helvetica, sans-serif;
        background-color:#e89b2d;
        height: 30px;
        color: #ffffff;
        font-weight: bold;
        font-size: 18px;
        padding-left: 10px;
        text-align: left;
        font-style: normal;
        line-height: 2em;
		letter-spacing:-1px;
    }
    
    
        table#plans td.productgreen{
		font-family:Arial, Helvetica, sans-serif;
        background-color:#70b941;
        height: 30px;
        color: #ffffff;
        font-weight: bold;
        font-size: 18px;
        padding-left: 10px;
        text-align: left;
        font-style: normal;
        line-height: 2em;
		letter-spacing:-1px;
    }
    
        table#sub td.product{
		font-family:Arial, Helvetica, sans-serif;
        height: 10px;
        color: #e89b2d;
        font-weight: bold;
        font-size: 13px;
        text-align: left;
        font-style: normal;
        line-height: 2.2em;
    }
    
    table#plans td.product img{
        padding-right: 5px;
        padding-top: 2px;
        margin-bottom: -8px;
    }

    table#plans td.feature{
        padding: 7px 0 8px 8px;
        background: #eaeaea;
		color: #777;
        text-align: left;
        width: 315px;
		height:24px;
    }
        table#sub td.feature{
        padding: 0px 0 0px 8px;
		color: #777;
        text-align: left;
        width: 380px;
		height:24px;
    }
    table#plans tr.last td{
        padding-top: 7px;
        padding-bottom: 15px;
    }
    table#plans td.feature h6{
        font-weight: bold;
        font-size: 1.2em;
        font-style: normal;
    }
    
    table#sub td.feature h6{
        font-weight: bold;
        font-size: 1.5em;
        font-style: normal;
    }

    
    .headersmall{
        font-weight: normal;
        font-size: .95em;
        font-style: italic;
        padding-left: 27px;
		display: block;
    }
    
        
    .headersmall-inline{
        font-weight: normal;
        font-size: .95em;
        font-style: italic;
    }

    
    table#plans td.feature h6 img{
        margin-right: 8px;
    }
    table#plans td.feature a{
        cursor: pointer;
    }
    table#plans td.feature div.feat_desc{
        margin-left: 15px;
        margin-top: 3px;
        padding-right: 8px;
        font-size: 1em;
        font-style: normal;
        line-height: 1.2em;
    }
    
        table#sub td.feature div.feat_desc{
        margin-left: 15px;
        margin-top: 3px;
        margin-bottom:  10px;
        padding-right: 8px;
        font-size: 1.5em;
        font-style: normal;
        line-height: 1.2em;
    }
    
    table#plans td.feature p{
        margin-top: 0px;
        font-size: 1em;
        font-style: normal;
    }
    table#plans td.feature ul{
        margin: 0;
    }
    table#plans td.feature li{
        padding-left: 10px;
        list-style-type: none;
        background: url(../images/icon_circle_grey.gif) 1px 5px no-repeat;
    }
    div.lists_msg{
        background: #fff9dd;
        border: 1px solid #d5d5d5;
        margin: 0 50px 20px 50px;
        padding: 10px;
        font-size: 1.2em;
        font-weight: bold;
        line-height: 1.4em;
    }




.round, .round:visited {
	display: inline-block; 
	padding: 10px 24px 10px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin-bottom: 10px;

}
		
	.round:hover							{ background-color: #111; color: #fff; }
	.round:active							{ top: 1px; }
	.small.round, .small.round:visited 			{ font-size: 11px; padding: ; }
	.round, .round:visited,
	.medium.round, .medium.round:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.round, .large.round:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green-btn.round, .green-btn.round:visited		{ background-color: #70b941; }
	.green-btn.round:hover							{ background-color: #e89b2d; }




.roundout, .roundout:visited {
	display: inline-block; 
	padding: 7px 20px 7px; 
	color: #70b941; 
	text-decoration: none;
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 .25px .25px #e9e9e9; 
border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin-bottom: 10px;
	
}
	.roundout:hover							{ background-color: #70b941; color: #70b941; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);}
	.roundout:active							{ top: 1px; }
	.small.roundout, .small.roundout:visited 			{ font-size: 11px; padding: ; }
	.roundout, .roundout:visited,
	.medium.roundout, .medium.roundout:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; }
	.large.roundout, .large.roundout:visited 			{ font-size: 14px; padding: 8px 14px 9px; }

	.greenout-btn.roundout, .greenout-btn.roundout:visited		{ background-color: #fff; border: 4px #70b941 solid; }
	.greenout-btn.roundout:hover							{ background-color: #70b941; color: #fff; }