/*

Created by: marcoarib
Date: 2013/04/10
E-mail: marco.arib@gmail.com
 
*/

/* font icon
 * =============================== */

/* Metro Pricing Table Configuration
 * =============================== */

/*.panel {padding:0px 0px 15px 16px;}*/

.metro-pricing-table{
  margin-right: 1px;
	width: 224px;
	padding: 0;
	list-style: none;
	float: left;
	font-family: Segoe UI, futura, Arial;
	-o-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.metro-pricing-table:hover{
	-moz-box-shadow: 0 1px 20px #454545;
	-webkit-box-shadow: 0 1px 20px #454545;
	box-shadow: 0 1px 20px #454545;
}
.metro-pricing-table li{
	opacity: 0;
	filter: alpha(opacity=0);
	text-align: center;
	border-bottom: solid 1px #000;
	-o-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.metro-pricing-table li:first-child,
.metro-pricing-table li:last-child{
	border-bottom: none;
}

/* Icons (Details sections)
 * =============================== */
.metro-pricing-table li.detail i{
	vertical-align: middle;
	margin-right: 5px;
}

/* Plan section (Pricing Table title)
 * =============================== */
.metro-pricing-table li.plan{
	padding: 15px 0;
	font-size: 24px;
	/*text-transform: uppercase; */
	letter-spacing: 1px;
  font-family:impact, arial black, Futura-CondensedExtraBold, Futura-Medium;
  font-weight;100;
  text-align:left;
  text-indent:18px;
  text-shadow: 0px 1px 3px #000000;
        filter: dropshadow(color=#000000, offx=0, offy=1);
}

/* Price section
 * =============================== */
.metro-pricing-table li.price{
	padding: 27px 0 8px 0px;
	font-size: 50px;
	font-family: impact, arial black,Futura-CondensedExtraBold, Futura-Medium;
  margin-top:-2px;
}
.metro-pricing-table li.price span.dollar{
	font-size: 20px;
	margin-right: 5px;
}
.metro-pricing-table li.price span.period{
margin-left:1px;
	font-size: 12px;
  font-family:arial;
}
.metro-pricing-table li.price span.year{
display:block;font-size:18px;font-weight:normal;margin-top:4px;
}
.metro-pricing-table li.price span.year span.dollar {font-size:13px;margin-right:3px;} 

/* Detais section
 * =============================== */
.metro-pricing-table li.detail{
	padding: 6px 0;
	display: block;
	text-align: justify;
	padding-left: 20px;
}


/* Sign up section 
 * =============================== */
.metro-pricing-table li.sign-up a{
	display: block;
	width: 100%;
	padding: 18px 0;     
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}


/* for not show hover effect until load
 * =================================== */
.no-hover{
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/* Tooltips
 * =============================== */
.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	visibility: visible;
	font-size: 14px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
}
.tooltip.in {
	opacity: 1;
	filter: alpha(opacity=100);
}
.tooltip.top {
	margin-top: -10px;
	padding: 10px 0;
}
.tooltip.right {
	margin-left: -3px;
	padding: 0 10px;
}
.tooltip.bottom {
	margin-top: 0px;
	padding: 10px 0;
}
.tooltip.left {
	margin-left: -16px;
	padding: 0 10px;
}
.tooltip-inner {
	max-width: 200px;
	padding: 8px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background-color: #000000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 10px #454545;
	-webkit-box-shadow: 0 1px 10px #454545;
	box-shadow: 0 1px 10px #454545;
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -10px;
	border-width: 10px 10px 0;
	border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -10px;
	border-width: 10px 10px 10px 0;
	border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -10px;
	border-width: 10px 0 10px 10px;
	border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -10px;
	border-width: 0 10px 10px;
	border-bottom-color: #000000;
}


/* Styles
 * =============================== */
/* black */
.black li.plan{ background: #000; }
.black li{ background: #222;	border-bottom-color: #292929; }
.black li, .black li a{	color: #fff; }
.black li:hover{ 	background: #444 !important; }
.black .tooltip-inner{ background: #000 !important; }
.black .tooltip.top .tooltip-arrow { border-top-color: #000 !important; }
.black .tooltip.right .tooltip-arrow{ border-right-color: #000 !important; }
.black .tooltip.bottom .tooltip-arrow{ border-bottom-color: #000 !important; } 
.black .tooltip.left .tooltip-arrow{ border-left-color: #000 !important; }

/* grey */
.grey li.plan{ background: #444; }
.grey li{ background: #666;	border-bottom-color: #6f6f6f; }
.grey li, .grey li a{ color: #fff; }
.grey li:hover{ background: #888 !important; }
.grey .tooltip-inner{ background: #444 !important; }
.grey .tooltip.top .tooltip-arrow { border-top-color: #444 !important; }
.grey .tooltip.right .tooltip-arrow{ border-right-color: #444 !important; }
.grey .tooltip.bottom .tooltip-arrow{ border-bottom-color: #444 !important; } 
.grey .tooltip.left .tooltip-arrow{ border-left-color: #444 !important; }

/* blue */
.blue li.plan{ background: #0B486B; }
.blue li{	background: #0d547d; border-bottom-color: #0e5c8a; }
.blue li, .blue li a{ color: #fff; }
.blue li:hover{ background: #0f608f !important; }
.blue .tooltip-inner{ background: #0B486B !important; }
.blue .tooltip.top .tooltip-arrow { border-top-color: #0B486B !important; }
.blue .tooltip.right .tooltip-arrow{ border-right-color: #0B486B !important; }
.blue .tooltip.bottom .tooltip-arrow{ border-bottom-color: #0B486B !important; } 
.blue .tooltip.left .tooltip-arrow{ border-left-color: #0B486B !important; }

/* lite_blue */
.lite_blue li.plan{ background: #2980b9; }
.lite_blue li{ background: #2c87c4; border-bottom-color: #2e8fd0; }
.lite_blue li, .lite_blue li a{ color: #fff; }
.lite_blue li:hover{ background: #2e8fd0 !important; }
.lite_blue .tooltip-inner{ background: #2980b9 !important; }
.lite_blue .tooltip.top .tooltip-arrow { border-top-color: #2980b9 !important; }
.lite_blue .tooltip.right .tooltip-arrow{ border-right-color: #2980b9 !important; }
.lite_blue .tooltip.bottom .tooltip-arrow{ border-bottom-color: #2980b9 !important; } 
.lite_blue .tooltip.left .tooltip-arrow{ border-left-color: #2980b9 !important; }

/* green */
.green li.plan{ background: #59A80F; }
.green li{ background: #61b810; border-bottom-color: #66c111; }
.green li, .green li a{ color: #fff; }
.green li:hover{ background: #69c612 !important; }
.green .tooltip-inner{ background: #59A80F !important; }
.green .tooltip.top .tooltip-arrow { border-top-color: #59A80F !important; }
.green .tooltip.right .tooltip-arrow{ border-right-color: #59A80F !important; }
.green .tooltip.bottom .tooltip-arrow{ border-bottom-color: #59A80F !important; } 
.green .tooltip.left .tooltip-arrow{ border-left-color: #59A80F !important; }

/* lite_green */
.lite_green li.plan{ background: #2ecc71; }
.lite_green li{ background: #36d277; border-bottom-color: #48d683; }
.lite_green li, .lite_green li a{ color: #fff; }
.lite_green li:hover{ background: #45d581 !important; }
.lite_green .tooltip-inner{ background: #2ecc71 !important; }
.lite_green .tooltip.top .tooltip-arrow { border-top-color: #2ecc71 !important; }
.lite_green .tooltip.right .tooltip-arrow{ border-right-color: #2ecc71 !important; }
.lite_green .tooltip.bottom .tooltip-arrow{ border-bottom-color: #2ecc71 !important; } 
.lite_green .tooltip.left .tooltip-arrow{ border-left-color: #2ecc71 !important; }

/* orange */
.orange li.plan{ background: #e67e22; }
.orange li{ background: #ff841f; border-bottom-color: #ff8e31; }
.orange li, .orange li a{ color: #fff; }
.orange li:hover{ background: #ff8d2f !important; }
.orange .tooltip-inner{ background: #e67e22 !important; }
.orange .tooltip.top .tooltip-arrow { border-top-color: #e67e22 !important; }
.orange .tooltip.right .tooltip-arrow{ border-right-color: #e67e22 !important; }
.orange .tooltip.bottom .tooltip-arrow{ border-bottom-color: #e67e22 !important; } 
.orange .tooltip.left .tooltip-arrow{ border-left-color: #e67e22 !important; }

/* red */
.red li.plan{ background: #B00C22; }
.red li{	background: #c80e27; border-bottom-color: #d30f29; }
.red li, .red li a{ color: #fff; }
.red li:hover{ background: #e0102b !important; }
.red .tooltip-inner{ background: #B00C22 !important; }
.red .tooltip.top .tooltip-arrow { border-top-color: #B00C22 !important; }
.red .tooltip.right .tooltip-arrow{ border-right-color: #B00C22 !important; }
.red .tooltip.bottom .tooltip-arrow{ border-bottom-color: #B00C22 !important; } 
.red .tooltip.left .tooltip-arrow{ border-left-color: #B00C22 !important; }

/* lite_red */
.lite_red li.plan{ background: #F03C02; }
.lite_red li{	background: #fd470b; border-bottom-color: #fd5821; }
.lite_red li, .lite_red li a{ color: #fff; }
.lite_red li:hover{ background: #fd561f !important; }
.lite_red .tooltip-inner{ background: #F03C02 !important; }
.lite_red .tooltip.top .tooltip-arrow { border-top-color: #F03C02 !important; }
.lite_red .tooltip.right .tooltip-arrow{ border-right-color: #F03C02 !important; }
.lite_red .tooltip.bottom .tooltip-arrow{ border-bottom-color: #F03C02 !important; } 
.lite_red .tooltip.left .tooltip-arrow{ border-left-color: #F03C02 !important; }

/* purple */
.purple li.plan{ background: #8e44ad; }
.purple li{ background: #994eba; border-bottom-color: #9f57bd; }
.purple li, .purple li a{ color: #fff; }
.purple li:hover{ background: #a765c3 !important; }
.purple .tooltip-inner{ background: #8e44ad !important; }
.purple .tooltip.top .tooltip-arrow { border-top-color: #8e44ad !important; }
.purple .tooltip.right .tooltip-arrow{ border-right-color: #8e44ad !important; }
.purple .tooltip.bottom .tooltip-arrow{ border-bottom-color: #8e44ad !important; } 
.purple .tooltip.left .tooltip-arrow{ border-left-color: #8e44ad !important; }

/* gold */
.gold li.plan{ background: #F7A21B; }
.gold li{	background: #f8aa2c; border-bottom-color: #f9b13d; }
.gold li, .gold li a{ color: #fff; }
.gold li:hover{ background: #f8b240 !important; }
.gold .tooltip-inner{ background: #F7A21B !important; }
.gold .tooltip.top .tooltip-arrow { border-top-color: #F7A21B !important; }
.gold .tooltip.right .tooltip-arrow{ border-right-color: #F7A21B !important; }
.gold .tooltip.bottom .tooltip-arrow{ border-bottom-color: #F7A21B !important; } 
.gold .tooltip.left .tooltip-arrow{ border-left-color: #F7A21B !important; }

/* pink */
.pink li.plan{ background: #D60257; }
.pink li{	background: #ee0260; border-bottom-color: #fd096b; }
.pink li, .pink li a{ color: #fff; }
.pink li:hover{ background: #fd257b !important; }
.pink .tooltip-inner{ background: #D60257 !important; }
.pink .tooltip.top .tooltip-arrow { border-top-color: #D60257 !important; }
.pink .tooltip.right .tooltip-arrow{ border-right-color: #D60257 !important; }
.pink .tooltip.bottom .tooltip-arrow{ border-bottom-color: #D60257 !important; } 
.pink .tooltip.left .tooltip-arrow{ border-left-color: #D60257 !important; }

/* white */
/*.panel2 {padding:0px 0px 25px 30px;}*/

.whiteplan {/*border-top:1px solid #dde;*/border-bottom:1px solid #dde;border-right:1px solid #dde;/*margin-right:-1px!important*/margin:0px;width:223px;}
.whiteplan:first-child {border-left:1px solid #dde;}
.whiteplan li.plan{background: url(/images/planBoxLine.png) left center no-repeat #0a2540;color:#fff;/*border-right:1px solid #fff;*/}
.whiteplan:first-child li.plan {-webkit-border-radius: 6px 0px 0px 6px;border-radius: 6px 0px 0px 6px;} 
.whiteplan:nth-child(4) li.plan {-webkit-border-radius: 0px 6px 6px 0px;border-radius: 0px 6px 6px 0px;margin-left:-1px;} 
.whiteplan:nth-child(2) li.plan, .whiteplan:nth-child(3) li.plan, .whiteplan:nth-child(4) li.plan {margin-left:-1px;}                       
.whiteplan li.plan:hover {background: #0a2540!important;}
.whiteplan li.plan.seodeveloper{border-right:none;background:gold;color:#0f608f}
.whiteplan:first-child li {margin-left:-1px;}
.whiteplan li:first-child {margin-top:-4px;}
.whiteplan li:last-child {margin-bottom:-1px;}
.whiteplan li {margin-right:-1px;}
.whiteplan li{background: none /*#0d547d*; border-bottom-color: #0e5c8a */;border-bottom-color:#dde;}
.whiteplan li, .whiteplan li a{/*color: #0e5c8a;*/color: #0a2540}
.whiteplan li:hover, .whiteplan li a:hover { background: #0f608f !important;color:#fff!important; cursor:pointer;}
.whiteplan .tooltip-inner{ background: #0B486B !important;}
.whiteplan .tooltip.top .tooltip-arrow { border-top-color: #0B486B !important; }
.whiteplan .tooltip.right .tooltip-arrow{ border-right-color: #0B486B !important; }
.whiteplan .tooltip.bottom .tooltip-arrow{ border-bottom-color: #0B486B !important; } 
.whiteplan .tooltip.left .tooltip-arrow{ border-left-color: #0B486B !important; }
/*.whiteplan .tooltip-inner{ background: #fff !important;color:#0B486B!important }
.whiteplan .tooltip.top .tooltip-arrow { border-top-color: #0B486B !important; }
.whiteplan .tooltip.right .tooltip-arrow{ border-right-color: #0B486B !important; }
.whiteplan .tooltip.bottom .tooltip-arrow{ border-bottom-color: #0B486B !important; } 
.whiteplan .tooltip.left .tooltip-arrow{ border-left-color: #0B486B !important; }  */


.radius3
	{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
  
  
.whiteplan li.sign-up {padding:18px 0px;}  

a.sign_up
	{
	width: 120px!important;            
	height: 24px!important;
	padding: 6px 0px 0px 0px !important;
	display: block;
	text-align: center;
margin:0px auto;
	text-shadow: 0px 1px 0px #ffffff; /* text shadow for firefox 3.6+ */ 
	border: 1px solid #b5b5b5;
	background-color: #d8d8d8; /* background color for non-css3 browsers */
	outline: none;
	/* gradient */
	background-image: linear-gradient(top, #ffffff, #efefef 1px, #d8d8d8); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#d8d8d8'); /* IE5.5 - 7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#d8d8d8'); /* IE8 */
	background: -ms-linear-gradient(top, #ffffff, #efefef 1px, #d8d8d8); /* IE9 */
	background: -moz-linear-gradient(top, #ffffff, #efefef 1px, #d8d8d8); /* Firefox */ 
	background: -o-linear-gradient(top, #ffffff, #efefef 1px, #d8d8d8); /* Opera 11  */
	background: -webkit-linear-gradient(top, #ffffff, #efefef 1px, #d8d8d8); /* Chrome 11  */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.05, #efefef), color-stop(1, #d8d8d8)); /* Chrome 10, Safari */
	/* shadow */
	box-shadow: 0px 1px 0px rgba(255,255,255,0.5);
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.5);
	-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.5);
	/* font */
	font-weight: bold;
	}


a.sign_up:hover, .whiteplan li.sign-up:hover a
	{    color:#fff;
	height: 24px;
	padding: 6px 0px 0px 0px !important;
	text-shadow: none;
	border: 1px solid #fff;
	background-color: none;
	outline: none;
	/* gradient */
	background-image: none;
	background: none;
	/* shadow */
	box-shadow: 0px 0px 12px rgba(255,255,255,0.88);
	-webkit-box-shadow: 0px 0px 12px rgba(255,255,255,0.88);
	-moz-box-shadow: 0px 0px 12px rgba(255,255,255,0.88);
	}