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


/* --- MAIN CONTENT --- */

/* Container */
#home-main {
	position: absolute;
	bottom: -189px;
	left: -4px;
	width: 604px; /* total 764px */
	height: 210px; /* total 474px */
	overflow: hidden;
	padding: 250px 80px 14px 80px;
	background: url(../images/home-maincontent-bg-2.png) no-repeat;
}

/* Title */
#home-main h1 {
	margin: 5px 0 10px 0;
	padding: 13px 8px 10px 8px;
	border:  0 none; /* 1px solid #e5e5e5;*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	line-height: 1.15;
	text-align: center;
	font-size: 21px;
	font-weight: normal;
	background: white;
}

#home-main h3 {
	text-align: center;
}

#home-main h3 p{
	display:inline;
}

/* Left column */
#home-main .left {
	float: left;
	width: 190px;
	padding: 18px 0 0 55px;
}
#home-main .left p {
	margin: 0;
}
#home-main .left img {
	vertical-align: middle;
}

/* Right column */
#home-main .right {
	float: right;
	width: 280px;
	padding: 14px 45px 0 0;
}
#home-main .right p {
	margin: 0 0 6px 0;
}

#home-main .big-button{
	margin:0pt auto;
}
#home-main .plans {
	text-align: center;
	font-weight: bold;
	color: #444;
}
#home-main .plans a {
	/* display: block; */
}
#home-main input {
	width: 120px;
	height: 14px;
	padding: 7px 6px 7px 26px;
	border: none;
	background: white url(../images/main-sprites.png) no-repeat;
}

#home-main .hints input {
	width: 216px;
	height: 14px;
	padding: 7px 6px 7px 26px;
	border: none;
	background: white url(../images/main-sprites.png) left 61px;
}
#home-main .send {
	/* This fix is mainly for IE6-7: */
	width: 100%;
	overflow: hidden;
}
#home-main .hints label{
	display: block;
	padding: 0 0 3px 1px;
	color: gray;
}
#home-main .hints label.shown{
	position: absolute;
	padding: 11px 6px 7px 160px;
}
#home-main .hints .hidden{
	position: absolute;
	top: -100px;
}

#home-main .send button {
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	background: white ;
}
#home-main .send .button {
	position: relative;
	left: -1px;
	float: left;
	width: auto;
	padding: 0 0 0 16px;
	background: white url(../images/main-sprites.png) left bottom;
}
#home-main .send .button span {
	display: block;
	padding: 6px 20px 8px 4px;
	font-size: 1.1em;
	font-weight: bold;
	color: #444;
	background: white url(../images/main-sprites.png) right bottom;
}


/* --- LOGIN BOX --- */

/* Container */
#home-connect {
	position: relative;
	right: -20px;
	width: 174px;
	min-height: 255px;
	margin: 0 0 0 775px;
	padding: 22px 0 1px 0;
}

/* Title */
#home-connect h2 {
	margin: 0 11px 10px 13px;
	color: #A3A3A3;
	background: url(../images/sep-grey-horz.png) repeat-x right .6em;
}
#home-connect h2 span {
	padding: 0 5px 0 0;
	background: white;
}

/* Login form */
#home-connect form {
	padding: 4px 8px 14px 11px;
	background: transparent url(../images/loginbox-bg.png) no-repeat left bottom;
}
.ISIE67 #home-connect form {
	zoom: 1; /* drawing bug */
}
#home-connect input {
	width: 120px;
	height: 14px;
	padding: 7px 6px 7px 26px;
	border: none;
	background: white url(../images/main-sprites.png) no-repeat;
}

#home-connect .check {
	width: 15px;
	background:none;
	padding-right:2px;
}

#home-connect #login-in {
	background-position: 0 0;
}
#home-connect #passw-in {
	background-position: 0 -32px;
}
#home-connect select {
	min-width: 132px;
	margin: 2px 0 2px 1px;
}

/* Login form > styled submit button */
#home-connect .send {
	/* This fix is mainly for IE6-7: */
	width: 100%;
	overflow: hidden;
}
#home-connect .send button {
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	background: white ;
}
#home-connect .send .button {
	position: relative;
	left: -1px;
	float: left;
	width: auto;
	padding: 0 0 0 16px;
	background: white url(../images/main-sprites.png) left bottom;
}
#home-connect .send .button span {
	display: block;
	padding: 6px 20px 8px 4px;
	font-size: 1.1em;
	font-weight: bold;
	color: #444;
	background: white url(../images/main-sprites.png) right bottom;
}

/* Login form > dynamic label */
/* Note: these styles are dependent of the hide_label and toggle_hints
   JS functions for the homepage. The functions change the className of
   the labels. */
#home-connect .hints,  
#home-connect .hints_invalid{
	position: relative;
	overflow: hidden;
	width: 100%; /* Otherwise overflowing content is NOT hidden. */
	margin: .6em 0;
}
#home-connect .hints label, 
#home-connect .hints_invalid label {
	display: block;
	padding: 0 0 3px 1px;
	color: gray;
}
#home-connect .hints label.shown, 
#home-connect .hints_invalid label.shown  {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	padding: 8px 6px 6px 26px;
}
#home-connect .hints_invalid label.shown  {
	color:red;
	white-space:nowrap;
	overflow:hidden;
}
#home-connect .hints .hidden, 
#home-connect .hints_invalid .hidden {
	position: absolute;
	top: -100px;
}

/* Login box > links at the bottom */
#home-connect ul {
	margin: 13px 0;
	padding: 0;
	list-style: none;
}
#home-connect ul li {
	padding: 1px 0 0 24px;
	background: url(../images/symbol-bullet2.png) no-repeat 12px .5em;
}


/* --- MIDDLE CONTENT: FEATURES --- */

/* Container */
#home-info {
	float: left;
	width: 758px;
	padding: 228px 0 20px 0;
}

/* Title */
#home-info h2 {
	margin: 0;
	text-align: center;
	font-size: 1.3em;
	background: url(../images/sep-grey-horz.png) repeat-x right .6em;
}
#home-info h2 span {
	padding: 0 20px;
	background: white;
}

/* Columns */
/* Note: columns use the ".scol" shared styles as well. */
#home-info .part {
	padding-top: 1px;
}
#home-info .part h3 {
	/*font-size:1.1em; */
	margin: 26px 0 5px 0;
}
#home-info .part p {
	margin: 5px 0;
	line-height: 1.3;
	/* 
	font-size:1.1em; 
	*/
}

#home-info #more_details li{
	/*
	font-size:1.1em;
	*/
}

/* Icons */
#home-info h3 i {
	float: left;
	width: 16px;
	height: 16px;
	margin: -2px 4px 2px -4px;
	background: url(../images/main-sprites.png) no-repeat 20px 20px;
}
* html .ISIE67 #home-info h3 i {
	margin: -2px 1px 2px -1px;
}
#home-info .email i {background-position: -157px 0;}
#home-info .sms i {background-position: -189px -32px;}
#home-info .addressbook i {background-position: -173px 0;}
#home-info .bookmarks i {background-position: -189px -16px;}
#home-info .documents i {background-position: -189px 0;}
#home-info .tasks i {background-position: -157px -32px;}
#home-info .calendar i {background-position: -157px -16px;}
#home-info .groups i {background-position: -173px -32px;}