/* ===============================================
   STYLESHEET FOR MAIL.BE
   Styles for the plans page. All rights reserved.
   =============================================== */


/* --- PLANS TABLE DESIGN --- */

/* Basic disposition */
.plans-table {
	width: 100%;
	table-layout: fixed;
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
}
#plans-main {
	margin-bottom: 16px;
	font-size: 1.05em;
}
.plans-table th, .plans-table td {
	padding: 4px 25px 3px 25px;
	text-align: left;
	font-weight: normal;
	color: #555;
}
.plans-table .col1,
.plans-table .col5 {
	width: 126px; /* total 176px */
}
.plans-table .col2,
.plans-table .col3,
.plans-table .col4 {
	width: 150px; /* total 200px */
}

/* Row styles > Header */
.plans-table .header td,
.plans-table .header th {
	padding-top: 5px;
	padding-bottom: 3px;
	border: 1px solid #E5E5E5;
	font-size: 1.4em;
	font-weight: bold;
	background: url(../images/plans-table-bg.png) no-repeat left bottom;
}

/* Row styles > Important */
.plans-table .important td,
.plans-table .important th {
	padding-top: 9px;
	padding-bottom: 5px;
	border: 1px solid #E5E5E5;
	color: black;
}
.plans-table .important th {
	font-weight: bold;
}

/* Row styles > Normal */
.plans-table .normal td {
	border: solid #E5E5E5;
	border-width: 0 1px;
}
.plans-table .normal-first th {
	padding-top: 9px;
}
.plans-table .normal-first td {
	padding-top: 9px;
	border-top-width: 1px;
}
.plans-table .normal-last th {
	padding-bottom: 9px;
}
.plans-table .normal-last td {
	padding-bottom: 9px;
	border-bottom-width: 1px;
}

/* Row styles > Signup */
.plans-table .signup td {
	padding-top: 7px;
	padding-bottom: 8px;
	border: 1px solid #E5E5E5;
	border-bottom-color: #B5B5B5;
	background: white;
}
.plans-table .signup td.empty {
	border: none;
	background: none;
}
.plans-table .signup a {
	padding: 2px 0;
	font-weight: bold;
	text-decoration: none;
}
.plans-table .signup a span {
	/*text-decoration: underline;*/
}

/* Column styles > First column */
.plans-table .features {
	text-align: right;
	color: black;
}

/* Column styles > Free plan */
.plans-table .header .col2 a,
.plans-table .signup .details-special a {
	color: #EDA60F;
}

.col3 a,
.col4 a,
.col5 a
{
	color: black;
}

.plans-table .normal .details-special {
	background: #FFFEE0;
}


/* --- OTHER INFORMATION --- */

/* Container */
#plans #middle {
	padding-bottom: 20px;
}

/* Icons */
#plans #icons p {
	float:left;
	width:25%;
	text-align:center;
	font-size:1.1em;
}

#plans img {
	padding-bottom:8px;
}

#plans #icons a {
	border:0 none;
	text-decoration:none;
}

/* Conditions */
#plans-cond {
	position: relative;
	top: -4px;
}
#plans-cond h2 {
	position: relative;
	float: left;
	width: 150px; /* Total 178px */
	margin: 0;
	padding: 9px 10px 8px 16px;
	border: solid #C9C9C9;
	border-width: 0 1px 1px 1px;
	font-size: 1em;
	background: #F1F1F1 url(../images/plans-table-bg.png) no-repeat -300px bottom;
}
#plans-cond ul {
	margin: 0 0 0 204px;
	padding: 8px 0 4px 0;
}

/* Big titles */
#plans-more h2 {
	margin: 30px 0;
	text-align: center;
	font-size: 1.55em;
	color: #111;
	background: url(../images/sep-grey-horz.png) repeat-x right .65em;
}
.ISIE67 #plans-more h2 {
	zoom: 1; /* Drawing bug. */
}
#plans-more .title1 {
	margin: 30px 0 35px 0;
}
#plans-more .title2 {
	margin: 45px 0 6px 0;
}
#plans-more h2 span {
	padding: 0 20px;
	background: white;
}

/* Small columns */
#plans-more .scol {
	color: #555;
}
#plans-more .scol h3 {
	margin: 30px 0 12px 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #111;
}
#plans-more .scol a {
	color: blue /*#447700*/;
}