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: #b7cdee; 
color: #333;
padding:3px; 
}
#banner { text-align:right; } 

/* list of messages
TODO: If i add the rules below as a plain tr/td it seems to mess up accordion, tree, etc. ???
*/
#listPane tr:hover, #listPane td:hover, .dijitTreeContent:hover {
	background-color: #b7cdee;
	color: #333;
	cursor: pointer;
}
#listPane tr, #listPane td { cursor: pointer; }

th {
	background-color: #4f8ce5; 
	color: #fff; 
	font-weight:: bold !important;
	margin:0;
	padding:3px; 
	background-image:url('../../themes/soria/images/gradientTopBg.png');
	background-position:0px -1px; 
}

th .arrowNode { position:relative; right:2px; 
	width:16px;
	height:16px;
} 
th.arrowUp .arrowNode {
	padding-right: 16px;
	background:transparent url("../../themes/soria/images/arrows.png") no-repeat;
	background-position:-32px 0px; 
}

th.arrowDown .arrowNode {
	padding-right: 16px;
	background:transparent url("../../themes/soria/images/arrows.png") no-repeat;
	background-position:0px 0px; 
}

.demoTable td { padding:3px; } 
.demoTable {
	border-spacing:0; 
	padding:0; margin:0; 
	width:98%;
	
}
.oddRow {
	background-color: #f2f5f9;
}

#message {
	padding: 8px;
}

/* Stuff for new messages */

.subject {
	background: gray;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 10px;
}

.message {
	border: black 2px;
}
.messageHeader {
	font:12pt Arial,sans-serif;
	font-weight:bold;
	color:#333; 
}
body .dojoSplitPane {
	background: #ededff;
	overflow: auto;
}

/* 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; }
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: #b7cdee; 
color: #333;
padding:3px; 
}
#banner { text-align:right; } 

/* list of messages
TODO: If i add the rules below as a plain tr/td it seems to mess up accordion, tree, etc. ???
*/
#listPane tr:hover, #listPane td:hover, .dijitTreeContent:hover {
	background-color: #b7cdee;
	color: #333;
	cursor: pointer;
}
#listPane tr, #listPane td { cursor: pointer; }

th {
	background-color: #4f8ce5; 
	color: #fff; 
	font-weight:: bold !important;
	margin:0;
	padding:3px; 
	background-image:url('../../themes/soria/images/gradientTopBg.png');
	background-position:0px -1px; 
}

th .arrowNode { position:relative; right:2px; 
	width:16px;
	height:16px;
} 
th.arrowUp .arrowNode {
	padding-right: 16px;
	background:transparent url("../../themes/soria/images/arrows.png") no-repeat;
	background-position:-32px 0px; 
}

th.arrowDown .arrowNode {
	padding-right: 16px;
	background:transparent url("../../themes/soria/images/arrows.png") no-repeat;
	background-position:0px 0px; 
}

.demoTable td { padding:3px; } 
.demoTable {
	border-spacing:0; 
	padding:0; margin:0; 
	width:98%;
	
}
.oddRow {
	background-color: #f2f5f9;
}

#message {
	padding: 8px;
}

/* Stuff for new messages */

.subject {
	background: gray;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 10px;
}

.message {
	border: black 2px;
}
.messageHeader {
	font:12pt Arial,sans-serif;
	font-weight:bold;
	color:#333; 
}
body .dojoSplitPane {
	background: #ededff;
	overflow: auto;
}

/* 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; }
