/*----------------------------
MyMail Technology, LLC
Main StyleSheet
www.mymail.com
Developed: April 2008
Author: Christine Imaizumi
-----------------------------*/

* {
	margin: 0;
	padding: 0;
}
 
body {
	margin: 20px 0;
	background: #ececec url('../images/mainbg.gif') repeat-x 0 0;
	font: 8pt Arial, sans-serif;
	color: #000000;
	margin-top: 0;
	font-weight: normal;
	/*letter-spacing: 0.02em;*/
}

a {
	color: #0077a4;
	font-weight: normal;	
	text-decoration: none; 
} 
a:hover {
	color: #00364a;
	font-weight: normal; 
	text-decoration: none;
}

a.one:link {color: #ffffff; font-weight: normal; text-transform: uppercase;}
a.one:visited {color: #ffffff; font-weight: normal; text-transform: uppercase;}
a.one:hover {color: #ffd200; font-weight: normal; text-transform: uppercase;}

a#logo {
	width: 130px;
	height: 130px;
	position: absolute;
	float: left;
	margin-top: 140px;
	margin-left: 100px;
}

#container {
	width: 1000px;
	margin: 0 auto;
	overflow: auto;
}  

.center {
	text-align: center;
	margin: 0 auto;
}

.imgswap {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
    _text-indent /**/:/**/0;
    _line-height /**/:/**/9999em;
	}
	/* hide from Mac IE 5 \*/
	.imgswap,
	.learn-more { overflow: hidden; }
	/* End Mac IE 5 Fix */
	
.imgswap a {
display: block;
width: 100%;
height: 100%;
}

p {
	margin: 0.7em 0;
}
li {
	/*padding-left: 0.5em;*/
	margin-left: 2.5em;
}

ul, ol{
	margin-top: 0.5em;
	margin-bottom: 0.8em;
}

img {
	border: 0;
	}

#container {
	background: url('../images/background.gif') repeat-y 0 0;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

sup {font-size: 8px;}
/*--------- HEADER -----------*/

#header {
	width: 1000px;
	height: 89px;
	color: #ffffff;
}

#headerButtons {
	height: 89px;
	display: inline;
	list-style: none;
	}
#headerButtons ul {
	list-style: none;
	height: 89px;
	display: inline;
	margin: 0;
	padding: 0;
	}
#headerButtons li {
	list-style: none;
	height: 89px;
	float: left;
	margin: 0;
	}
#headerLogo{
	width: 239px;
	height: 89px;
	background: url('../images/header_logo2.gif') no-repeat left top;
}
#home {
	width: 108px;
	background: url('../images/header_home.gif') no-repeat left top;
	}
#hiw {
	width: 108px;
	background: url('../images/header_hiw.gif') no-repeat left top;
	}
#aboutus { 
	width: 108px;
	background: url('../images/header_about.gif') no-repeat left top;
	}
#support {
	width: 108px;
	background: url('../images/header_support.gif') no-repeat left top;
	}
#contactus {
	width: 108px;
	background: url('../images/header_contact.gif') no-repeat left top;
	}
#headerEnd{
	width: 221px;
	height: 89px;
	background: url('../images/header_end3.gif') no-repeat left top;
}
#headerButtons li a {
	float: left;
	height: 89px;
	background-color: #FFFFFF;
	}
#headerButtons li a:hover {
	background-position: 0 -89px;
	}
	
/*------- LOG IN BOX --------*/
#logIn{
	float: left;
	position: relative;
	z-index: 25000;
	width: 220px;
	height: 88px;
	top: 1px;
	color: #6c8c97;
}

#loginLeft{
	float: left;
	width: 55px;
	height: 88px;
	text-align: right;
}

#loginMiddle{
	float: left;
	width: 150px;
	height: 88px;
	text-align: right;
}

#loginRight{
	float: right;
	width: 13px;
	margin: 28px 0 0 2px;
	top: 0;
}

.inputFields{
	margin: 2px 0 2px 0;
	font-size: 9pt;
}

.loginWords{
	margin: 2px 2px 2px 0;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #6a8c98;
padding: 5px;
background-color: #fff;
visibility: hidden;
z-index: 100;
text-align: center;
color: #6a8c98;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
position: absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

	/* -------- CONTENT --------- */
#content {
	background: url('../images/top_background.gif') no-repeat 0 0;
	width: 1000px;
	height: 307px;
	margin: 0 auto;
}

/* -------- ROTATING AREA --------- */
#rotatingArea{
	width: 560px;
	height: 285px;
	padding: 14px 0 0 31px;
	position: relative;
	margin: 0;
	float: left;
}

/* -------- SIGN UP PROCESS -------*/
#signUpProcess {
	width: 367px;
	height: 290px;
	color: #ffffff;
	float: right;
	margin: 15px 18px 0 0;
	padding: 5px;
	position: relative;
}

.signUpBusiness{
	background: url('../images/signup_businessbg.gif') no-repeat 0 0;
	cursor: pointer;
}
 
.signUpPersonal{
	background: url('../images/signup_personalbg.gif') no-repeat 0 0;
}

	
#signUpProcess h1{
	font: 14pt 'Century Gothic','Arial', Helvetica, Arial, sans-serif;
	color: #ffffff;
	width: 350px;
	border-bottom: 1px dotted #ffffff;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 23px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;

}
/* -------- ACCOUNT AREA ---------- */
#accountArea {
	width: 367px;
	height: 290px;
	color: #ffffff;
	float: left;
	margin: 0;
	top: 0;
	padding: 14px 0 0 13px;
	position: relative;
}

#accountButtons {
	height: 95px;
	display: inline;
	list-style: none;
	}
	/*
#accountButtons ul {
	list-style: none;
	height: 95px;
	display: inline;
	margin: 0;
	padding: 0;
	}
#accountButtons li {
	list-style: none;
	height: 95px;
	float: right;
	margin: 0;
	padding: 0;
	}
#personal {
	width: 367px;
	padding: 0 0 2px 0;
	background: url('../images/accounts_personal.gif') no-repeat 0 0;
	}
#business {
	width: 367px;
	margin: 0 0 2px 0;
	background: url('../images/accounts_business.gif') no-repeat 0 0;
	}
#freetrial { 
	width: 367px;
	background: url('../images/accounts_freetrial.gif') no-repeat 0 0;
	}
#accountButtons li a {
	float: left;
	height: 95px;
	background-color: #FFFFFF;
	}
#accountButtons li a:hover {
	background-position: 0 -95px;
	}
	*/
/*------- New Signup Area ------*/
#accountButtons ul {
	list-style: none;
	height: 290px;
	display: inline;
	margin: 0;
	padding: 0;
	}
#accountButtons li {
	list-style: none;
	height: 290px;
	float: right;
	margin: 0;
	padding: 0;
	}
#signupnow{
	width:  367px;
	padding:  0 0 2px 0;
	background:  url('../images/Full-Signup-Button.gif') no-repeat 0 0;
	
}

#accountButtons li a {
	float: left;
	height: 290px;
	background-color: #FFFFFF;
	}
#accountButtons li a:hover {
	background-position: 0 -290px;
	}

/*------ WELCOME AREA ------*/
#welcomeArea{
	padding: 10px 0 20px 0;
	width: 952px;
	height: 150px;
	margin: 0 auto;	
	z-index: 3000;
}

#rssFeed{
	width: 250px;
	height: 150px;
	padding: 10px 5px 20px 5px;
	background-color: #dedede;
	position: relative;
	float: left;
	margin: 0;
}

#rssFeed h1{
	font: 16pt 'Century Gothic','Arial', Helvetica, Arial, sans-serif;
	color: #e03f20;
	font-weight: normal;
	letter-spacing: 0.15em;
	line-height: 23px;
}

#mainContent{
	width: 680px;
	padding: 0 0 0 10px;
	margin: 0;
	position: relative;
	float: right;
	overflow: auto;
}

#mainContent h1{
	font: 18pt 'Century Gothic','Arial', Helvetica, Arial, sans-serif;
	color: #1c5f87;
	font-weight: normal;
	letter-spacing: 0.05em;
	line-height: 23px;
	padding: 0 0 10px 0;
}

#mainContent h2{
	font: 14pt 'Century Gothic','Arial', Helvetica, Arial, sans-serif;
	color: #e03f20;
	font-weight: normal;
	line-height: 18px;
	padding: 0 0 3px 0;
}
/*------ TRI AREA -----*/
#triArea {
	width: 957px;
	height: 190px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}

#triAreaLeft{
	/*background: url('../images/triarea_left.jpg') no-repeat left top;*/
	width: 317px;
	height: 181px;
	float: left;
	position: relative;
	margin: 10px 3px 0 0;
}
#triAreaLeft a{
	background: url('../images/triarea_videos.png') no-repeat left top;
	height: 181px;
}

#triAreaMiddle{
	width: 317px;
	height: 190px;
	float: left;
	position: relative;
	margin: 10px 3px 0 0;
}

#triAreaMiddle a{
	background: url('../images/triarea_middle.png') no-repeat left top;
	height: 190px;
	}

#triAreaRight{
	width: 317px;
	height: 181px;
	float: right;
	position: relative;
	padding: 10px 0 0 0;
}

#triAreaRight a{
	background: url('../images/triarea_right.jpg') no-repeat left bottom;
	height: 181px;
}

/*------ TRI AREA: PERSONAL --------*/
#peronaltriArea {
	width: 957px;
	height: 190px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}

#personaltriAreaLeft{
	width: 317px;
	height: 190px;
	float: left;
	position: relative;
	margin: 10px 3px 0 0;
}

#personaltriAreaLeft a{
	background: url('../images/triarea_articles.png') no-repeat left top;
	height: 190px;
	}

#personaltriAreaMiddle{
	width: 317px;
	height: 190px;
	float: left;
	position: relative;
	margin: 10px 3px 0 0;
}

#personaltriAreaMiddle a{
	background: url('../images/triarea_tickets.png') no-repeat left top;
	height: 190px;
	}

#personaltriAreaRight{
	width: 317px;
	height: 181px;
	float: right;
	position: relative;
	padding: 10px 0 0 0;
}

#personaltriAreaRight a{
	background: url('../images/triarea_right.jpg') no-repeat left bottom;
	height: 181px;
	}
	
/*------- TRI AREA: BUSINESS -------*/
#buinesstriArea {
	width: 957px;
	height: 190px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}

#buinesstriAreaLeft{
	width: 317px;
	height: 190px;
	float: left;
	position: relative;
	margin: 10px 3px 0 0;
}

#buinesstriAreaLeft a{
	background: url('../images/triarea_clients.png') no-repeat left top;
	height: 190px;
	}
	
#buinesstriAreaMiddle{
	width: 317px;
	height: 190px;
	float: left;
	position: relative;
	margin: 10px 3px 0 0;
}

#buinesstriAreaMiddle a{
	background: url('../images/triarea_whitepaper.png') no-repeat left top;
	height: 190px;
	}
	
#buinesstriAreaRight{
	width: 317px;
	height: 181px;
	float: right;
	position: relative;
	padding: 10px 0 0 0;
}

#buinesstriAreaRight a{
	background: url('../images/triarea_right.jpg') no-repeat left bottom;
	height: 181px;
	}

/*-------FOOTER--------*/
#footer{
	background: #ececec url('../images/bottom.gif') no-repeat 0 0;
	height: 200px;
	width: 1000px;
	clear: both;
	margin: 0;
	overflow: auto;
}

p.footerText{
	width: 500px;
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
	font-size: 11px;
}

/*--------EXTRAS--------*/
.dotrule {
	background:transparent url('../images/dot.gif') repeat-x scroll 0%;
	clear:both;
	font-size:1px;
	height:1px;
	padding: 5px 0 5px 0;
	margin: 5px 0 5px 0;
}

#bcontact{
	margin: 0 auto;
	width: 600px;
	height: 25px;
	padding: 7px 5px 7px 5px;
	background-color: #dfe8eb;

}
#bcontact p{
	vertical-align: middle;
	}
	
 .feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("../images/feed.png") no-repeat 0 60%;
}

.mymail_error {
	background-color:#dfe8eb;
	color:#CC0000;
	font-weight:bold;
	border: 1px solid #b93a28;
	margin: 10px 0 10px 0;
	padding:5px;
}

.videos{
    text-align: left;
	background-color: #e2e2e2;
	padding: 10px 10px 10px 10px;
	margin: 0 auto;
	width: 555px;
}

.smallNotes {
	font-size: 7pt;
}
#videoarea{
	text-align: center;
}
#shareIt{
	margin: 0 auto;
	padding: 10px 5px 5px 5px;
	width: 500px;
	height: 20px;
}

#shareIt img{
	border: none;
	padding: 0 20px 0 0;
}
/*------- ICONS --------*/
a.external{
	display:inline-block;
	background: url("../images/icons/newwindow.gif") no-repeat 100% 50%;
	padding-right:20px;
}
a.swf {
	display:inline-block;
	background: url("../images/icons/swficon.gif") no-repeat 100% 50%;
	padding-right:20px;
}
a.pdf {
	display:inline-block;
	background: url("../images/icons/pdficon.gif") no-repeat 100% 50%;
	padding-right:18px;
}
a.doc {
	display:inline-block;
	background: url("../images/icons/docicon.gif") no-repeat 100% 50%;
	padding-right:20px;
}
a.xls {
	display:inline-block;
	background: url("../images/icons/xlsicon.gif") no-repeat 100% 50%;
	padding-right:20px;
}
a.ppt {
	display:inline-block;
	background: url("../images/icons/ppticon.gif") no-repeat 100% 50%;
	padding-right:20px;
}