body,h1,h2,h3,h4,h5,h6,p,ul,li,form,input,select,textarea {
	font-size:13px;
	font-family:"Lucida Grande", Arial;
	margin:0;
	padding:0;
	}
input,
button {
	font-family: "Lucida Grande", Arial;
	padding: 2px 5px;
	vertical-align: middle;
	width: auto;
	overflow: visible;	
	}	
a {
	cursor:pointer;
	color:#0066cc;
	padding:2px 3px;
	}	
a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#0066cc;
	}	
a.cancel {
	color:#ff3333;
	}	
a.cancel:hover {
	color:#fff;
	background-color:#ff3333;
	}	
h1 {
	font-weight:normal;
	font-size:24px;
	margin-bottom:5px;
	}
h2 {
	font-size:20px;
	margin-bottom:5px;
	}
h3 {		
	font-size:16px;
	background:#E5E5E5;
	padding:5px;
	}
h4 {		
	font-size:16px;
	margin-bottom:10px;
	}	
	
h5 {
	padding:7px 15px;
	background:#e4e4e4 url("../images/address_book_hdr.gif") repeat-x top;
	font-size:16px;
	color:#666;
	}
p {
	font-size:13px;
	}
body {

	background:#f0f0f0;
	color:#000000;
	text-align: center;
	}
table {
	width:100%;
	}	

td,th {
	font-size:13px;
	vertical-align:top;
	padding-bottom:5px;
	text-align:left;
	}	
th {
	vertical-align: middle;	
	text-align:right;
	padding-right:10px;		
	}		
.wrap {
	width: 75%;
	max-width: 1000px;
	min-width: 750px;
	margin: 0 auto;
	font-size:11px;
	text-align:left; 
	}
.content {
	margin-top:10px;
	border-right:2px solid #e9e9e9;
	border-bottom:3px solid #e9e9e9;
	}	
.container {
	border-top:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	border-bottom:1px solid #ccc;
	background:#fff;
	clear:both;
	padding:20px;
	}	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
html .clearfix {
	height: 1%;
	}	
.branding {
	position:relative;
	height:74px;
	background:#f9f9f9 url(../images/corner.gif) left top no-repeat;
	border-bottom:4px solid #f3f3f3;
	border-right:1px solid #e4e4e4;	
	}
.branding img {
	float:left;
	height:49px;
	width:254px;	
	margin: 20px 0pt 5px 20px;
	}
.branding ul {
	list-style:none;
	position:absolute;
	bottom:-1px;
	}	
.branding li a {
	font-family:"Lucida Grande", Tahoma;
	font-size:11px;	
	cursor:pointer;
	text-decoration:none;
	display:block;
	float:left;
	color:#666;
	}
.branding li a:hover {
	color:#000;
	text-decoration:underline;
	background-color:transparent;
	}	
ul.navigation {
	left:284px;
	height:28px;
	}	
ul.navigation li {
	font-weight:bold;
	float:left;
	margin-right:5px;
	border-right:1px solid #e4e4e4;
	background: url("../images/tabs.gif") no-repeat left top;	
	}
ul.navigation li a {
	padding:10px 8px 8px 30px;
	background-repeat:no-repeat;
	background-position:9px 9px;
	}	
ul.navigation li#mym a {
	background-image: url("../images/email.gif");
	}	
ul.navigation li#mym a i {
	font-style:normal;
	font-weight:normal;
	font-size:10px;
	color:#999;
	}	
ul.navigation li#add a {
	background-image: url("../images/vcard.gif");
	}	
ul.navigation li.active {
	background: url("../images/tabs_active.gif") no-repeat left top;
	border-bottom:1px solid #fff;
	}	
ul.navigation li.active a,
ul.navigation li.active a:hover {
	text-decoration:none;
	cursor:default;
	color:#000;
	}					
/* ----------- User Links ----------- */
ul.global {
	height:21px;
	right:0;
	}
ul.global li {
	float:right;
	margin:0;
	background:#f3f3f3;	
	}	
ul.global li a {
	border:1px solid #e4e4e4;
	padding:5px 8px;
	font-weight:normal;
	}	
ul.global li#acc{
	margin-right:5px;
	}	
ul.global li#log {
	margin-right:10px;
	}	
div.composeHdr {
	padding:20px;
	text-align:left;
	background:#fff;
	border:10px solid #999;
	width:60%;
	}
div.compose {
	position:relative;
	background:#f5f5f5;
	margin-bottom:20px;
	width:100%;
	}
div.compose form {
	text-align:right;
	padding:10px 20px 10px 10px;
	}	
b.tl, b.tr, b.br, b.bl {height:14px;width:14px;position:absolute}
b.tl {top:0;left:0;background-image:url("../images/compose_tl.gif")}
b.tr {top:0;right:0;background-image:url("../images/compose_tr.gif")}
b.bl {bottom:0;left:0;background-image:url("../images/compose_bl.gif")}
b.br {bottom:0;right:0;background-image:url("../images/compose_br.gif")}

div.curveBorder {
	width:100%;	
	position:relative;
	border:1px solid #e4e4e4;
	background:#fff;	
	}
div.curveBorder h5 {
	background-color:#f9f9f9;
	background-position:bottom;	
	}	
div.curveBorder b.tl {top:-1px;left:-1px;background-image:url("../images/border_tl.gif")}
div.curveBorder b.tr {top:-1px;right:-1px;background-image:url("../images/border_tr.gif")}
div.curveBorder b.bl {bottom:-1px;left:-1px;background-image:url("../images/border_bl.gif")}
div.curveBorder b.br {bottom:-1px;right:-1px;background-image:url("../images/border_br.gif")}
	
div.message {
	text-align:right;
	padding:20px;
	background:#f0f0f0;
	}				
div.intray {
	overflow:auto;
	height:276px;
	}			
div.intray p {
	font-size:13px;
	}
div.intray div {
	cursor:pointer;
	border-bottom:1px dotted #ccc;
	padding:8px;
	}
#nomsg{
	cursor:default;
	}	
.row { /*ie*/
	m: expression(this.onmouseover =  new Function("this.className = 'row-hover';"));
	}
.row:hover,
.row-hover{ /*ie*/
	background:#ccddff;
	m: expression(this.onmouseout = new Function("this.className = 'row';"));
	}	
div.intray p.from {
	margin-bottom: 3px
	color:#333;
	}	
div.intray p.from b {
	color:#000;
	}
div.intray p img {
	vertical-align: middle;
	}		
div.intray p.date {
	float:right;
	font-size:10px;
	}
div.intray p.cc {
	font-size:11px;
	color:#666;
	}	
div.intray p.cc b {
	color:#333;
	font-weight:normal;
	}	
p.back {
	border-bottom:1px dotted #ccc;
	padding-bottom:5px;
	margin-bottom:15px;
	}
p.message {
	margin-bottom:20px;
	}
div.attachments {
	padding-top:10px;
	border-top:1px dotted #ccc;
	margin-bottom:20px;
	}
div.attachments p {
	margin-bottom:10px;
	}
div.attachments a {
	font-weight:bold;
	}	
div.attachments i {
	font-style:normal;
	color:#999;
	font-size:11px;
	}
div#addressBook div.curveBorder h5 {
	margin-bottom:10px;
	}	
div.contacts {
	padding:0px 0 10px 0px;
	float:left;
	width:380px;
	margin-bottom:10px;
	margin-left:10px;
	}	
div.contacts div.list {
	overflow: auto;
	height:180px;
	margin-bottom:10px;
	}
div.contacts div.list td.check,
div.contacts div.list td.status,
div.contacts div.list td.delete {
	width: 20px;
	}	
div.contacts div.listhdr {
	font-size: 12px;
	padding:7px 10px;
	background:#f9f9f9;
	border-bottom:1px solid #e4e4e4;
	}	
div.contacts input.button{
	font-size:11px;
	}	
div.contacts input.first{
	margin-left:10px;
	}
div.contacts input.last{
	margin-right:15px;
	}	
div.find {		
	float:right;
	}
div.find input {
	vertical-align:middle;
	padding:0;
	font-size:11px;
	}	
div.action {
	background:WhiteSmoke;
	padding:5px 10px;
	margin-bottom:10px;
	}
h5 a.add {
	text-decoration:none;
	color:#339900;
	font-size:13px;
	font-weight:bold;
	display:block;
	float:right;
	background:url("../images/add.gif") 3px center no-repeat;
	padding: 3px 3px 3px 24px;
	}	
h5 a.add:hover {
	text-decoration:underline;
	}
tr.row td,tr.row-hover td  {
	padding:4px 3px 4px 5px;
	border-bottom:1px dotted #ccc;
	}		
tr.row td.name,
tr.row td.email,
tr.row td.delete img {
	cursor:pointer;
	}	
tr.row td.name ,tr.row-hover td.name  {
	color:#666;
	font-size:11px;
	}	
tr.row td.name b ,tr.row-hover td.name b  {
	color:#000;
	font-size:13px;
	display:block;
	}		
tr.highlighted {
	background:#ccddff;
	}

div.details {
	margin-left:420px;
	}	
div.details th {
	width:85px;
	}	
div.details input.text {
	width:85%
	}	
div.details h1 {
	margin-bottom:20px;
	}
div.footer {
	padding:10px;
	}		
div#compose th {
	vertical-align: top;
	}
div#composeMsg textarea{
	height:258px;
	}
div#composeMsg textarea,
div#msgReply table {
	margin-bottom:10px;
	}

	
div#composeMsg div.message,
div#msgReply div.compose form {
	text-align:left;
	}	
	
body.login .wrap {
	width: 620px;
	max-width: 620px;
	min-width: 620px;
	}
table.login .text {
	margin:0;
	width:220px;
	font-size:13px;
	}
body.login .wrap p {
	margin-bottom:20px;
	margin-left:20px;
	}
body.login .wrap h1 {
	margin-left:20px;
	}		
	
/* Suggest */	

ul#suggestedEmails {
	background: #fff;
	border:1px solid #cccccc;
	list-style:none;
	position:absolute;
	display:none;
	z-index:10;
	padding: 0;
	margin:0;	
	}
ul#suggestedEmails li {
	border-bottom:1px dotted #cccccc;
	margin:0px;
	width:350px;
	text-align:left;
	}
ul#suggestedEmails li a {
	font-size:12px;
	padding:3px 10px;
	display:block;
	color:#000000;
	text-decoration:none;
	}
ul#suggestedEmails li a:hover {
	background-color:#ccddff;
	}	
	
/* Status Message */	
.statusMsg {
	color:#339900;
	padding:5px 5px 5px 30px;
	font-weight:bold;
	font-size:13px;
	border:1px solid #66CC00;	
	background:#ccff99 url(../images/accept.gif) 5px center no-repeat;
	margin-bottom:10px;
	display:none;	
	}	
.statusErr {
	color:#CC0000;
	padding:5px 5px 5px 30px;
	font-weight:bold;
	font-size:13px;
	border:1px solid #FF0000;
	background:#FFCCCC url(../images/exclamation.gif) 5px center no-repeat;
	margin-bottom:10px;
	display:none;
	}	
	
	
/* Styles for loaderHolder*/


#loaderDiv { background-image: url(../images/overlay.png); position:absolute;left:0px; top:0px;display:none;z-index:90; width:100%;}
*html #loaderDiv{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../images/x.png);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
/* Styles for loaderContentHolder */
#loaderContent{
	border:1px solid #ececec;
	position:absolute;
	z-index:100;
	padding:5px 5px;
	height:150px;
	width:200px;
	background-color:#FFFFFF;	
}

#loaderContent table{
	height:100%;
	width:100%;
	}
#loaderContent table td p{
	text-align:center;
	}
#loaderContent img{ border: none;}

#pageContent{ display:none;	}
	
#loadingMsg{
	color:#333333;
	font-size:12px;
	font-weight:bold;
	}		
	
	
div#appear {
	visibility:hidden;
	position:absolute;
	top:30%;
	z-index:300;
	text-align:center;
	}
div#attach {
	width:650px;
	height:470px;
	display:none;
	position:absolute;
	top:10%;
	z-index:300;
	padding:10px;
	}	
.dragme { 
	cursor: move;
	}
div#attach .attachmentsNav{
	margin:10px 0px;
	text-align:center;
	}
div#attach a:visited{
	color:#999999;
	}
div#attach h4{
	margin-left: 20px;
	text-align:left;
	}