BODY {
font: 11px Tahoma, Verdana, sans-serif;
margin: 0px;
padding: 0px;
height: 100%;
background-color: ButtonFace;
}
BODY *{
-khtml-user-drag:none;
}
TABLE TR TD UL LI {
font: 11px Tahoma, Verdana, sans-serif;
margin: 0px;
padding: 0px;
height: 100%;
background-color: transparent;
}

.noHref {
text-decoration: underline;
color: blue;
cursor: pointer;
}
FRAMESET {
border: 0px none;
}
FRAME {
border: 0px none;
}
IFRAME {
display: block;
}
.icon {
width: 16px;
height: 16px;
vertical-align: middle;
}
.iconEx {
width: 16px;
height: 16px;
vertical-align: middle;
margin: 0px;
padding: 0px;
border: 0px;
}
#titleBarLeft {
top: 0px;
left: 0px;
width: 200px;
height: 40px;
overflow: hidden;
}
#titleBarRight {
font-size: 20px;
color: ButtonText;
position: absolute;
top: 0;
left: 200px;
right: 150px;
height: 40px;
overflow: hidden;
padding-top: 7px;
padding-left: 4px;
white-space: nowrap;
text-overflow: ellipsis;
}
#titleBarLogout A {
color: black;
}
BUTTON, SELECT { 
font: 11px Tahoma, Verdana, sans-serif;
margin:0px;
vertical-align: middle;
}
.toolBar, .toolBar2 { 
background-image: url(../../07-0621-kamalameCay/mailView_data/gfx/bg_toolbar.jpg);
background-repeat: repeat-x;
border: 1px outset ActiveBorder;
white-space: nowrap;
height: 24px;
background-color: #D0D2C4;
}
.toolBar button, .toolBar2 button{
display: inline;
height: 22px;
background-color: transparent;
border: 1px solid white;
vertical-align:text-bottom;
}
.toolBar2 button{
height: 21px;
}
.buttonDown{
border: 1px inset silver !important;
height: 20px;
}
.toolBarButtonInactive {
color:silver;
}
.toolBar img,.toolBar2 img { 
width: 16px;
height: 16px;
vertical-align: middle;
margin: 0px 3px 0px 3px;
}
.toolBar span,.toolBar2 span {
position:relative;
display: inline;
background-color: transparent;
border: 0px none;
padding: 0px;
margin: 0px;
top:0px;
height: 22px;
}
.toolBar2Table td {
padding-left:5px;
}
.toolBar2Table td.arrowsContainer img{
position:relative;
top:5px;
_top:3px;
}
.toolBarInputSmall {
text-align:center;
width:25px;
}
.safari .toolBar2Table {
margin-top:1px;
}
.safari .toolBar2Table input {
margin-top:0px;
}
.toolBtnActive {
border: 1px solid Highlight !important;
}
.toolBtnActiveSafari {
border: 1px solid #3063B0 !important;
}
.toolBarInput {
font-size: 11px;
}
.toolBarCombo{
font-size: 11px;
display:inline;
position:relative;
bottom:2px;
_top:0px;
}
.toolBarText{
font-size: 11px;
vertical-align:baseline;
height:100%;
display:inline;
border:1px solid black;
}
#toolBarLeft {
position: absolute;
top: 41px;
left: 0px;
width: 199px;
overflow: hidden;
}
#toolBarRight {
position: absolute;
top: 41px;
left: 204px;
overflow: hidden;
}
#toolBarRight2 {
position: absolute;
top: 65px;
left: 204px;
overflow: hidden;
}
#toolBarSearch {
overflow: hidden;
}
#toolBarSearch button{
width:auto;
}
.noteNaviSpan,
.contactNaviSpan{
display:inline;
height:20px;
margin:0px;
padding:0px;
padding-bottom:0px;
padding-top:3px;
text-align:baseline;
cursor:pointer;
position:relative;
top:-5px;
_top:-3px;
}

.baseFrame {
overflow: hidden !important;
background-color: white;
border: 1px inset ButtonFace;
margin: 0px;
padding: 0px 0px 0px 0px;
}
.frameContent {
position: absolute;
left: 0px;
clear: both;
overflow: auto;
border: 0px none;
margin: 0px;
padding: 0px 0px;
}
.frameHeader {
position: relative;
top: 0px;
left: 0px;
font-size: 11px;
clear: both;
border: 1px outset white;
background-color: ButtonFace;
margin: 0px;
padding: 2px 4px;
width: 100%;
}
.selectedRow {
background-color: Highlight !important;
color: HighlightText !important;
}
.selectedRowSafari {
background-color: #3063B0 !important;
color: HighlightText;
}
.highlightedRow {
background-color: #DDDDDD;
}

.addressCardDiv {
width:100%;
overflow: hidden;
}
.addressCard {
font-size: 11px;
margin: 5px 0px 0px 0px;
border:1px solid transparent;
_border:0px;
table-layout: fixed;
-moz-user-select:none;
}
#addressCardsTable {
border-collapse: collapse;
padding-bottom: 5px;
}
.addressCard TH {
text-align: left;
font-weight: bold;
background-color: ButtonFace;
}
.addressCard TD {
vertical-align: top;
}
.addressCard A {
color: black;
}
.addressCardValueDiv {
width:100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dListCardViewName {
width:18px;
text-align:center;
}
.selectedCard {
border:1px dotted Highlight;
}
.selectedCardSafari{
border:1px dotted #3063B0;
}
.selectedCard TH {
background-color: Highlight !important;
color: HighlightText !important;
}
.selectedCardSafari TH{
background-color: #3063B0 !important;
color: #FFFFFF;
}
.inactiveCard {
border:1px dotted #DDDDDD;
}
.inactiveCardSafari{
border:1px dotted #DDDDDD;
}
.inactiveCard TH {
background-color: #DDDDDD !important;
color: HighlightText !important;
}
.inactiveCardSafari TH{
background-color: #DDDDDD !important;
color: #FFFFFF;
}

.normalRow {
background-color: inherit;
color: inherit;
}
#mainHeader {
width: 100%;
margin: 0px;
padding: 0px;
border-collapse: collapse;
}
#mainHeader TD {
font-size: 11px;
padding: 0px;
}
#mainTitle {
text-align: left;
}
#mainNavig {
text-align: right;
padding-right: 12px !important; 
-moz-user-select:none;
}
#mainNavig SPAN {
color: black;
text-decoration: underline;
text-align: right;
cursor: pointer;
padding-left: 4px;
}

.folderSelected {
background-color: #DDDDDD;
}

#folderTree {
position: absolute;
top: 65px; 
left: 0px;
width: 200px;
font-size: 11px;
cursor: default;
white-space: nowrap;
}
#folderTree * {
-khtml-user-select:none;
-moz-user-select:none;
}
#folderTree ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
#folderTree ul ul {
padding-left: 17px;
}
#folderTree li {
padding: 1px 0px 1px 0px;
margin: 0px;
}
#folderTree img {
width: 16px;
height: 16px;
vertical-align: middle;
}
#folderTree .icon {
padding-right: 3px;
}
#main {
position: absolute;
top: 65px; 
left: 204px;
width: 200px;
height: 300px;
}
#mainContent {
overflow: auto;
}

#msgList {
position: absolute;
top: 65px; 
left: 204px;
width: 200px;
height: 300px;
overflow: hidden !important;
cursor: default;
}
#msgList * {
-khtml-user-select:none;
-moz-user-select:none;
}
.readingPaneImg{
position:absolute;
top:2px;
right:3px;
float:right;
display:inline;
z-index:1;
cursor:pointer;
}
.readingPaneImg2{
position:relative;
top:1px;
right:3px;
float:right;
display:inline;
z-index:10;
cursor:pointer;
}
#messageNone{
border: 1px inset ButtonFace;
position:absolute;
height:15px;
}
.msgListContent {
position: absolute;
top: 0px;
left: 0px;
width: 111px;
height: 111px;
border: 0px none;
overflow: hidden  !important;
margin: 0px;
padding: 0px;
}
.msgListTable {
width: 100%;
border: 0px none;
margin: 0px;
padding: 0px;
border-collapse: separate;
border-spacing: 0px 0px;
background-color: white;
table-layout:fixed;
overflow:hidden  !important;
text-overflow:ellipsis;
}
.msgListTable THEAD TD {
height: 18px !important;
line-height: 18px !important;
border: 1px outset white;
background-color: ButtonFace;
margin: 0px 0px;
padding: 2px 2px;
font-size: 11px;
display: table-cell;
white-space: nowrap;
text-overflow:ellipsis;
overflow:hidden !important;
}
.msgListTable TBODY TD {
height: 18px !important;
line-height: 18px !important;
border-color: ButtonFace;
border-bottom-width: 1px;
border-bottom-style: solid;
empty-cells: show;
margin: 0px;
padding: 2px 2px;
font-size: 11px;
display: table-cell;
white-space: nowrap;
text-overflow:ellipsis;
overflow:hidden !important;
}
.msgListColumnDiv{
overflow:hidden !important;
margin:0px;
padding:0px;
}
.msgListCol16 {
width:20px !important;
}
.msgListColFrom {
width: 35%;
}
.msgListColSubject {
width: 65%;
}
.msgListColSize {
width: 75px !important;
}
.msgListColDate {
width: 115px !important;
}
.msgListColTo {
width: 20%;
}
.msgListColStatus{
width: 80px !important;
}
.msgListColFolder {
width: 110px;
}
.msgListColFull {
width: 100% !important;
white-space:pre;
empty-cells: show;
}

#msgListScrollBar {
position: absolute;
top: 0px;
left: 111px;
width: 16px;
height: 100%;
border: 0px none;
margin: 0px;
padding: 0px;
border-collapse: collapse;
font-size: 2px;
}
#msgListScrollBarMiddle {
background-color: #efefef;
}
#moveBar {
position: relative;
top: 0px;
left: 0px;
width: 16px;
height: 100%;
border: 2px outset;
margin: 0px;
padding: 0px;
background-color: Scrollbar;
font-size: 2px;
}
#message {
position: absolute;
top: 304px;
left: 204px;
width: 200px;
height: 200px;
}
#messageHeader {
font-size: 11px;
line-height: 15px;
border: 1px outset;
}
#messageContent {
padding: 4px;
font-size: 10pt;
width:93%;
}
#messageContent p.MsoNormal,   
#messageContent li.MsoNormal,  
#messageContent div.MsoNormal {
margin: 0;
}
.inline-attachment {
padding: 4px 0px;
}
#attachmentList A {
text-decoration: none;
}
#attachmentList A span {
text-decoration: underline;
}
#attachmentList A img {
margin-right: 3px;
border: 0;
}
.splitter {
width:10px;
position: absolute;
cursor: move;
border: 0px none;
z-index: 1;
}
#splitterVert {
top: 65px; 
left: 200px;
width: 5px;
height: 500px;
cursor: w-resize;
}
#splitterVert2 {
top: 90px; 
right: 200px;
width: 5px;
height: 500px;
cursor: w-resize;
border-top: 1px solid buttonface;
}
#splitterHor {
top: 300px;
left: 204px;
width: 200px;
height: 5px;
line-height: 2px;
font-size: 2px;
cursor: n-resize;
}
.MainFrame {
margin: 0px;
padding: 0px;
}
.popupMenu {
border: 2px outset white;
padding: 0px;
background-color: Menu;
z-index: 100;
cursor: default;
}
.popupMenu DIV {
font-size: 11px;
line-height: 16px;
border: 0px none;
padding: 0px 18px;
}
.popupMenu IMG {
width: 14px;
height: 14px;
vertical-align: middle;
margin: 0px 10px 0px 0px;
background-color: transparent;
}
.popupMenuItemActive {
background-color: Highlight !important;
color: HighlightText !important;
}
.popupMenuItemActiveSafari {
background-color: #3063B0 !important;
color: white !important;
}
.popupMenu HR {
height: 2px;
margin: 0px;
padding: 0px 10px;
background-color: Menu;
border: inset 1px Menu;
}
.dropDownMenu {
position: absolute;
padding-top: 2px;
padding-bottom: 2px;
}
.dropDownMenu IMG {
width: 16px;
height: 16px;
vertical-align: middle;
margin: 0px 10px 0px 0px;
background-color: transparent;
}
.dropDownMenu DIV {
height: 20px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
background-color: transparent;
margin:0px;
}

DIV.calDaily {
position: absolute;
left: 70px;
top: 0px;
height: auto;
width: auto;
}
DIV.calDailyFull {
position: absolute;
left: 70px;
top: 0px;
height: auto;
width: auto;
-moz-user-select:none;
}
DIV.event {
position: absolute;
left: 0px;
top: 0px;
clear: both;
overflow: auto;
background-color: white;
border-width: 0px 1px 0px 1px;
border-style: solid;
border-color: black;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
height: 24px;
overflow: hidden;
}
DIV.event DIV.eventMove {
position: absolute;
left: 0px;
width: 100%;
height: 2px;
background-color: black;
font-size: 0px;
border-width: 0px;
cursor: s-resize;
}
DIV.event DIV.eventBorder{
position: absolute;
left: 0px;
clear: both;
display:inline;
width:0px;
border:0px none;
border-left-style: solid;
border-left-width: 5px;
border-left-color: blue;
cursor:move;
}
DIV.event DIV.eventContent {
position: absolute;
left: 5px;
top: 0px;
display:inline;
overflow:hidden;
padding-left:2px;
height:16px;
}
DIV.event DIV.eventContent IMG {
vertical-align:middle;
height:16px;
width:16px;
position:relative;
top:-1px;
left:-1px;
}
DIV.event DIV.eventContent DIV {
height:16px;
margin:2px 4px 0px 4px;
}
DIV.event DIV.eventContent DIV SPAN {
line-height:16px;
}
DIV.nonevent {
background-color: #FFFFD5;
margin: 0px 0px 0px 0px;
height: 25px;
}
TABLE.calDaily {
width: 100%;
border-spacing: 0;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
table-layout:fixed;
-moz-user-select:none;
}
TABLE.calDaily TR {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
TABLE.calDaily TH {
background-color: ButtonFace;
border-color: #aaaaaa;
border-width: 1px;
border-style: solid;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 11pt;
line-height: 25px;
}
TABLE.calDaily TH.hour {
width: 40px !important;
font-size: 130%;
border-right-style: none;
border-right-width: 0px;
text-align: right;
border-bottom:0px none;
}
TABLE.calDaily TH.minute {
width: 20px;
font-size: 80%;
font-weight: normal;
border-left-style: none;
border-left-width: 0px;
border-bottom:0px none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
TABLE.calDaily TD { 
background-color: #fff3bd;
border-color: #aaaaaa;
border-width: 1px;
border-style: solid;
border-bottom:0px none;
margin: 0px 0px 0px 0px;
}
TABLE.calDaily TD.noneventfull {
background-color: ButtonFace;
border:0px none;
z-index:10;
}
.dailyArrow {
width:25px;
height:14px;
vertical-align:middle;
text-align:center;
background-color:#FFF4BC;
border:1px solid black;
padding:0px;
margin:1px;
cursor:pointer;
}

TABLE.calWeekly {
width: 100%;
height: 100%;
border-collapse: collapse;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
table-layout:fixed;
overflow:hidden;
-moz-user-select:none;
}
TABLE.calWeekly TD.calWeeklySelect {
background-color: #FFFFD5;
border:2px solid black;
}
TABLE.calWeekly TD.wday {
height: 33%;
_height:32%;
}
.msie7 TABLE.calWeekly TD.wday {
height:30%;
}
TABLE.calWeekly TD.wweekend {
height: 16.667%;
_height:16%;
}
TABLE.calWeekly TD.wday NOBR, TABLE.calWeekly TD.wweekend NOBR {
_height:100%;
display:block;
}
.safari TABLE.calWeekly TD.wday NOBR, .safari TABLE.calWeekly TD.wweekend NOBR {
height:100%;
}
TABLE.calWeekly TD { 
color: black;
background-color: #FFFFD5;
border-color: black;
border-width: 1px;
border-style: solid;
margin: 0px 0px 0px 0px;
font-size: 10pt;
vertical-align: top;
width:50%;
white-space:nowrap;
padding-left:5px;
padding-right:5px;
}
TABLE.calWeekly DIV {
text-align: left;
padding: 0px 2px 0px 2px;
background-color: #FFF4BC;
border:0px solid silver;
font-weight: bold;
color: black;
}
TABLE.calWeekly DIV.dayCaptionSelected {
background-color: Highlight !important;
font-weight: bold;
color: HighlightText;
}
TABLE.calWeekly DIV.dayCaptionSelectedSafari {
background-color: #3063B0 !important;
font-weight: bold;
color: HighlightText;
}
TABLE.calWeekly DIV.dayEvent {
text-align: left;
margin: 1px 0px 1px 0px;
border:0px none;
font-weight: normal;
cursor: pointer;
padding: 1px 4px 1px 4px;
height: 16px;
overflow:hidden;
font-size: 11px;
}
TABLE.calWeekly DIV.dayEvent SPAN {
line-height: 16px;
}

TABLE.calMonthly {
width: 100%;
height: 100%;
border-collapse: collapse;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
table-layout: fixed;
overflow: hidden;
background-color: #FFFFD5;
-moz-user-select:none;
}
TABLE.calMonthly TD.calMonthlySelect {
background-color:#FFFFD5;
border:2px solid black;
}
TABLE.calMonthly TD.calMonthlyOtherMonth {
background-color:#FFF4BC;
}
TABLE.calMonthly TD.mday {
_height: 100%;
}
TABLE.calMontly TD.mweekend {
height: 50%;
}
TABLE.calMonthly TD.mday NOBR, TABLE.calMonthly TD.mweekend NOBR {
_height:100%;
display:block;
}
.safari TABLE.calMonthly TD.mday NOBR, .safari TABLE.calMonthly TD.mweekend NOBR {
height:100%;
}
TABLE.calMonthly TD {
color: black;
border-color: black;
border-width: 1px;
border-style: solid;
margin: 0px 0px 0px 0px;
font-size: 10pt;
vertical-align: top;
width: 16.6666667%;
_height: 7%;
white-space:nowrap;
padding-left:2px;
padding-right:2px;
padding-top:0px !important;
padding-bottom:0px !important;
}
TABLE.calMonthly TR.calendarMonthlyFirst TD {
height:20px;
text-align:center;
vertical-align:middle;
border:3px outset white;
background-color:#FFF4BC;
}
TABLE.calMonthly DIV {
padding-left:2px;
padding-right:2px;
text-align: left;
margin-bottom:2px;
background-color:transparent;
border:0px solid silver;
font-weight: bold;
color: black;
}
TABLE.calMonthly DIV.dayCaptionSelected {
background-color: Highlight !important;
font-weight: bold;
color: HighlightText;
}
TABLE.calMonthly DIV.dayCaptionSelectedSafari {
background-color: #3063B0 !important;
font-weight: bold;
color: HighlightText;
}
TABLE.calMonthly DIV.dayEvent {
text-align: left;
margin: 1px 0px 1px 0px;
background-color:transparent;
border:0px none;
cursor: pointer;
padding: 1px 4px 1px 4px;
height: 16px;
overflow:hidden;
font-weight: normal;
font-size: 11px;
}
TABLE.calMonthly DIV.dayEvent SPAN {
line-height: 16px;
}
DIV.dayEvent {
-moz-user-select:none;
}
DIV.dayEvent IMG {
vertical-align:middle;
height: 16px;
width: 16px;
position:relative;
top:-1px;
}

TABLE.calMonthly TD.mday {
_height: auto;
}
TABLE.calMontly TD.mweekend {
_height: auto;
}
TABLE.calMonthly TR.calendarMonthlyFirst TD.calendarMonthlyFirstCell {
_line-height:20px !important;
_height:20px !important;
}

#today {
position: absolute;
top: 65px; 
left: 204px;
width: 200px;
height: 300px;
overflow: hidden !important;
cursor: default;
}
#todayMessageTable {
position:static;
width:95%;
margin:5px;
}
.today_div_calendar{
position:absolute;
overflow:auto;
border: 1px solid Scrollbar;
width:50%;
height:60%;
}
.today_div_quota{
position:absolute;
overflow:auto;
border: 1px solid Scrollbar;
width:50%;
height:40%;
top:60%;
font-size: 11px;
}
.today_div_quota table tr td{
font-size: 11px;
white-space: nowrap;
}
.today_div_task{
position:absolute;
overflow:auto;
border: 1px solid Scrollbar;
width:50%;
left:50%;
height:60%;
}
.today_div_message{
position:absolute;
overflow:auto;
border: 1px solid Scrollbar;
width:50%;
left:50%;
height:40%;
top:60%;
}
.today_caption{
background-color:ButtonFace;
padding:2px;
border-bottom:1px solid Scrollbar;
font-size: 13px;
font-weight: bold;
height:22px;
}
.today_caption button{
display: inline;
background-color: transparent;
border: 1px ridge white;
vertical-align:text-bottom;
font-size: 13px;
font-weight: bold;
}
.today_caption img { 
width: 16px;
height: 16px;
vertical-align: middle;
margin: 0px 3px 0px 3px;
}
.today_div_task .today_caption,
.today_div_calendar .today_caption {
cursor: pointer;
}
.today_calendar_day{
background-color:white;
color:black;
font-size: 11px;
border:0px none;
font-weight: bold;
border-bottom:1px solid ActiveBorder;
}
.today_calendar_separator{
border-bottom:1px solid ActiveBorder;
font-size: 11px;
}
.today_calendar_time{
color:#C0C0C0;
font-size: 11px;
text-decoration:none;
}
.today_calendar_icon{
width: 16px;
height: 16px;
vertical-align: middle;
}
.today_calendar_text{
font-size: 11px;
text-decoration:none;
}
#today SPAN.completed {
color:gray;
text-decoration:line-through;
}
#today SPAN.overdue {
color:red;
}

	
.activeCalendar{
color:black;
text-align:center;
text-decoration:none;
}
.activeSelCalendar{
text-align:center;
border:red 1px solid;
text-decoration:none;
}	
.inactiveSelCalendar{
color:#c0c0c0;
text-align:center;
border:red 1px solid;
text-decoration:none;
}
.inactiveCalendar{
color:#c0c0c0;
text-align:center;
text-decoration:none;
}
.miniCalendar{
font-size:0px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.mediCalendar{
font-size:2px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.miniHrCalendar{
font-size:0px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color: #c0c0c0;
}	
.mediHrCalendar{
font-size:1px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color: #c0c0c0;
}	
.HrCalendar{
font-size:3px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color: #c0c0c0;
}	
.buttonTextCalendar{
text-align:center;
background-color: #c0c0c0;
border: #a0a0a0 1px solid;
padding-left:2px;
padding-right:2px;
color:black;
text-decoration:none;
}
.captionCalendar{
width:95%;
margin:5px 5px 5px 5px;
background-color:rgb(179,207,255);
font-weight:bold;
}
.captionLinkCalendar{
color:black;
text-decoration:none;
font-weight:bold;
}	
.activeCaptionCalendar{
text-align:center;
background-color:rgb(215,230,255);
font-weight:bold;
}

.msgListContentDiv{
overflow:auto;
padding-top:1px;
}
.msgListHeaderTable,
.msgListContentTable{
margin: 0px;
padding: 0px;
border-collapse: separate;
border-spacing: 0px 0px;
background-color: white;
table-layout:fixed;
text-overflow:ellipsis;
}
html>body .msgListContentTable,
html>body .msgListHeaderTable
{
width:99.9%;
}
.msgListHeaderTable TD,
.msgListContentTable TD{
empty-cells: show;
overflow:hidden !important;
text-overflow:ellipsis;
display: table-cell;
white-space: nowrap;
font-size: 11px;
padding: 0px 2px 0px 2px;
height: 20px;
line-height: 20px !important;
}
.msgListContentTable TD {
border-bottom:1px solid ButtonFace;
}
.msgListHeaderSpacer{
background-color: ButtonFace;
display:none;
position:absolute;
top:0px;
border-bottom:1px solid #AAAAAA !important;
}
.msgListHeaderRow TD{
border-bottom:1px solid #AAAAAA !important;
background-color: ButtonFace;
}
.tdCellDiv {
overflow:hidden !important;
margin:0px;
padding:0px;
white-space: nowrap !important;
text-overflow:ellipsis;
font-size: 11px;
text-decoration: none;
-moz-user-select: none;
}
.tdCellDivDlEmail {
color: #AAAAAA;
}
.selectedRow .tdCellDivDlEmail {
color: HighlightText !important;
}
.selectedRowSafari .tdCellDivDlEmail {
color: HighlightText;
}
.tdCellDivDlFullName {
font-weight: bold;
}
.tdCellBorder{
width:2px !important;
max-width:1px !important;
min-width:1px !important;
margin:0px !important;
padding:0px !important;
font-weight:normal;
}
.tdCellBorder .tdCellDiv{
text-overflow:none;
font-size: 1px;
z-index:2;
}
.msgListHeaderRow TD.tdCellBorder{
background-color:#AAAAAA;
border-bottom-color:#AAAAAA;
}
#mailMsgListContent,
#todoMsgListContent,
#contactMsgListContent,
#calendarMsgListContent,
#searchMsgListContent,
#noteMsgListContent
{
display:none;
overflow:hidden;
}
#searchMsgListContent{
background-color: white;
}
.msgListColumnIcon{
width:21px;
}
.msgListColumnDate{
width:115px;
}
.todoListColumnDate{
width:165px;
}
.msgListColumnSize{
width:75px;
}
.mailMsgFrom,
.mailMsgTo,
.mailMsgCopy,
.mailMsgSubject,
.todoMsgSummary,
.contactMsgFullName,
.msgListColumnCommonContact,
.calendarMsgSummary,
.calendarMsgLocation,
.searchMsgFrom,
.searchMsgSubject,
.searchMsgFolder
{
width: auto;
}
.searchMsgFrom,
.searchMsgSubject,
.searchMsgFolder
{
width:auto;
}
#msgListBeforeNavigation,
#msgListAfterNavigation,
#msgListRefreshButton {
border-bottom: 1px solid buttonface;
height: 20px;
padding: 0px 4px 0px 4px;
line-height: 20px;
cursor: pointer;
}
#msgListBeforeNavigation {
text-align: left;
}
#msgListAfterNavigation {
text-align: right;
}
#msgListBeforeNavigation SPAN,
#msgListAfterNavigation SPAN,
#msgListRefreshButton SPAN {
text-decoration: underline;
color: blue;
}

.twoRowMsgListRowTableHeader{
width:100%;
table-layout:fixed;
border-collapse:collapse;
margin:0px;
padding:0px;
}
.twoRowMsgListRowTableHeader tr td{
background-color:ButtonFace;
border:1px solid #AAAAAA;
margin:0px;
padding:0px 2px;
}
.twoRowMsgListRowTableHeader tr td img.iconImage{
display:block;
margin:0px auto 0px auto;
padding:0px;
}
.twoRowMsgListWidReceived{
width:120px;
}
.twoRowMsgListRowTable{
border:0px none;
width:100%;
table-layout:fixed;
border-collapse:collapse;
empty-cells: show;
margin:0px;
padding:0px;
}
.twoRowMsgListRowTable tr td{
border:0px none;
margin:0px;
padding:0px 2px;
line-height:16px;
height:16px;
}
.twoRowMsgListRowTable tr td div.tdCellDiv{ 
margin:0px;
padding:0px;
line-height:15px;
height:15px;
}
.twoRowMsgListRowTable tr td img{
display:block;
margin:0px auto 0px auto;
padding:0px;
}
.twoRowMsgListSizeRow{
visibility:hidden;
_display:none;
border:0px none;
height:0px !important;
line-height:0px !important;
}
.sizeLine{
height:0px !important;
line-height:0px !important;
font-size:0px !important;
}
.twoRowMsgListWidImage{
width:18px;
}
.twoRowMsgListWid10{
width:10px;
}
.twoRowMsgListWid80{
width:40px;
}
.twoRowMsgListWidFrom{
width:70%;
}
.twoRowMsgListWidReceived{
width:30%;
text-align:right;
}
.twoRowMsgListFlagCell{
background-color:#EEEEEE;
white-space: nowrap;
}
.selectedRow TD.subject DIV.tdCellDiv {
color: white !important;
}
TD.subject DIV.tdCellDiv {
color: gray;
}
.selectedRowSafari TD.subject DIV.tdCellDiv {
color: HighlightText;
}

.columnSplitter{
width:1px;
background-color:black;
position:absolute;
z-index:2;
display:none;
cursor:w-resize;
}
.imaddress{
_border-bottom-color:#AAAAAA;
}

.folderInformationText {
position: absolute;
left: 0px;
top: 0px;
z-index: 3;
width: 90%;
text-align: center;
background: white;
color: black;
border: 1px solid #A9A9A9;
padding: 15px;
}