@import "../../dojo/resources/dojo.css";
@import "../../dijit/themes/claro/claro.css";
@import "../../dojox/grid/resources/Grid.css";
@import "../../dojox/grid/resources/claroGrid.css";

html, body, #main{	
	width: 100%;	/* make the body expand to fill the visible window */
	height: 100%;
	overflow: hidden;	/* erase window level scrollbars */
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font: 10pt Arial,Myriad,Tahoma,Verdana,sans-serif;
}

#banner, #footer {
background-color: #ededff; 
color: #333;
padding:3px; 
}
#banner { text-align:right; } 

/* Icons */

.mailIconCancel,
.mailIconOptions,
.mailIconFolderDocuments,
.mailIconFolderInbox,
.mailIconFolderSent,
.mailIconGetMail,
.mailIconNewMessage,
.mailIconMailbox,
.mailIconOk,
.mailIconTrashcanFull {
	background-image: url('icons.png'); /* mail icons sprite image */
	background-repeat: no-repeat; 
	width: 16px;
	height: 16px;
	text-align: center;
	padding-right:4px; 
}

.dj_ie6 .mailIconCancel,
.dj_ie6 .mailIconOptions,
.dj_ie6 .mailIconFolderDocuments,
.dj_ie6 .mailIconFolderInbox,
.dj_ie6 .mailIconFolderSent,
.dj_ie6 .mailIconGetMail,
.dj_ie6 .mailIconNewMessage,
.dj_ie6 .mailIconMailbox,
.dj_ie6 .mailIconOk,
.dj_ie6 .mailIconTrashcanFull {
	background-image: url('icons.gif');
}


.mailIconCancel { background-position: 0px; }
.mailIconOptions { background-position: -22px; }
.mailIconFolderDocuments { background-position: -44px; }
.mailIconFolderInbox { background-position: -66px; }
.mailIconFolderSent { background-position: -88px; }
.mailIconGetMail { background-position: -110px; }
.mailIconNewMessage { background-position: -132px; }
.mailIconMailbox { background-position: -154px; }
.mailIconOk { background-position: -176px; }
.mailIconTrashcanFull { background-position: -198px; }

/* page inline styles */

#inbox .dijitSplitterH { height: 5px }
#inbox .dijitSplitterV { width: 5px }

#preLoader {
	width:100%; height:100%; margin:0; padding:0;
	position:absolute; top:0; left:0;
	background:#fff url('../../dojox/image/resources/images/loading.gif') no-repeat center center;
	z-index:999;
}
#preLoader p {
	color:#ededed;
	font:72pt Arial,san-serif;
	font-weight:bold;
	
}

/* buttons on Contact tab for filtering list of contacts to a given letter */
.contactIndex, .contactIndexAll {
	margin: 0.5em;
	color: blue;
	font-style: italic;
	vertical-align: middle;
	cursor: pointer;
}
.contactIndexAll {
	/* for the word ALL that appears before and after the letters A-Z */
	color: purple;
}
.contactIndexSelected {
	/* the most recently selected letter gets this class too */
	color: red;
}