/*================================================================================
	Project Name: Pricing Tables
	Description: Css3 Pricing Tables Without Image
	Developer: S.Egemen Kapusuz
	Developer URL: http://www.themeforest.net/user/egemem
	License: http://www.gnu.org/licenses/gpl-3.0.html
	Theme:	Aqua
================================================================================*/

/* reset.css */
@import "reset.css";


/*================================================================================
 This Codes for Demo
================================================================================*/
body{margin: 100px;}
.content{width: 960px;}



/*================================================================================
 Import Google Web Font 
================================================================================*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans);



/*================================================================================
 Pricing Table 
================================================================================*/
#PTable{
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	font-size: 12px;
	color: #387076;
}



/*================================================================================
 Column Styles
================================================================================*/
/* 2 columns */
#PTable .col2{width: 50%;}
/* 3 columns */
#PTable .col3{width: 33.3%;}
/* 4 columns */
.PTable .col4{width: 25%;}
/* 5 columns */
#PTable .col5{width: 20%;}

/* All columns go left */
#PTable .col2, #PTable .col3, #PTable .col4, #PTable .col5{float: left;}



/*================================================================================
 Theme Settings
================================================================================*/
.PTable_aqua{ padding: 0;}
.PTable_aqua .Class-A, .PTable_aqua .Class-B{ position: relative;}



/*================================================================================
 Table Title
================================================================================*/
/* Class A Title */
.PTable_aqua .Class-A .title{
	background: #62C2CC;
	border-bottom: 1px solid #52A2AA;
	text-shadow: 0px -1px 0px #59B1BA;
}
/* Class B Title */
.PTable_aqua .Class-B .title{
	background: #56AAB3;
	border-bottom: 1px solid #3E7B81;
	text-shadow: 0px -1px 0px #4C979F;
}
/* Class A and B Title */
.PTable_aqua .Class-A .title, .PTable_aqua .Class-B .title{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0;
}

/* Class A and B Title span tag */
.PTable_aqua .Class-A .title span, .PTable_aqua .Class-B .title span{
	font-weight: normal;
	font-size: 12px;
	color: #EBF7F8;
	padding-left: 5px;
}



/*================================================================================
 Table Price
================================================================================*/

/* Class A Price */
.PTable_aqua .Class-A .price{
	background: #59B0B9;
	border-bottom: 1px solid #52A2AA;
	text-shadow: 0px 1px 0px #4B949C;
}

/* Class B Price */
.PTable_aqua .Class-B .price{
	background: #4B949C;
	border-bottom: 1px solid #3E7B81;
	text-shadow: 0px 1px 0px #3E7B81;
}

/* Class A and B padding */
.PTable_aqua .Class-A .price, .PTable_aqua .Class-B .price{
	padding: 17px 0;
}

/* Class A and B h1 tag */
.PTable_aqua .Class-A .price h1, .PTable_aqua .Class-B .price h1{
	color: #fff;
	letter-spacing: -2px;
	padding-bottom: 7px;
	font-size: 60px;
}

/* Class A and B p tag */
.PTable_aqua .Class-A .price p, .PTable_aqua .Class-B .price p{
	font-size: 15px;
	color: #fff;
}



/*================================================================================
 Table List
================================================================================*/
/* Class A and B List */
.PTable_aqua .Class-A .list, .PTable_aqua .Class-B .list{padding: 0;}

/* Class A and B li */
.PTable_aqua .Class-A .list li, .PTable_aqua .Class-B .list li{
	display: block;
	padding: 14px 0;
}

/* Class A list a & b */	
.PTable_aqua .Class-A .list .a{
	background: #EBF7F8;}
.PTable_aqua .Class-A .list .b{
	background: #D9EAEC;}
	
/* Class B list a & b */		
.PTable_aqua .Class-B .list .a{
	background: #D5EFF1;}
.PTable_aqua .Class-B .list .b{
	background: #BFE0E4;}
	
/* Button Area */		
.PTable_aqua .tbottom{
	padding: 20px 0px;
	line-height: 50px;
}



/*================================================================================
 Table Button
================================================================================*/
.PTable_aqua .button{
	color: #fff;
	border: 1px solid #488F96;
	border-bottom: 1px solid #356A6F;
	font-weight: bold;
	font-size: 14px;
	padding: 8px 16px;
	border-radius: 4px;
	text-shadow: 0px -1px 0px #5AA5AD;
	box-shadow: inset 0px 1px 0px #95D1DC, inset 0px -1px 0px #52A2AA;
	letter-spacing: -0.2px;
	background: #6CC6CF;
	background: -webkit-gradient(linear, left top, left bottom, from(#6CC6CF), to(#59B0B9));
	background: -moz-linear-gradient(top,  #6CC6CF,  #59B0B9);
}

.PTable_aqua .button:hover{
	border-color: #33666B;
	border-bottom-color: #264C4F;
	box-shadow: inset 0px 1px 0px #95D1DC, inset 0px -1px 0px #52A2AA, 0px 1px 0px #95D1DC;
}

.PTable_aqua .button:active{
	text-shadow: 0px 1px 0px #499299;
	box-shadow: inset 0px 1px 0px #59b0b9, inset 0px -1px 0px #52A2AA, 0px 1px 0px #95D1DC;
	background: #488F96;
	background: -webkit-gradient(linear, left top, left bottom, from(#488F96), to(#59B0B9));
	background: -moz-linear-gradient(top,  #488F96,  #59B0B9);
}