/****************************************************/
/* Mirapoint Application Cascading Style Sheet      */
/*   refer to: http://www.w3.org/TR/REC-CSS1        */
/****************************************************/

/****************************************************/
/* Changes made here should also be made in the     */
/* "../brandvars.var" file in order to handle cases */
/* where the web browser does not support CSS.      */
/****************************************************/

/****************************************************/
/* Selector declarations of standard HTML tags      */
/****************************************************/
BODY                    { color:        #000000;
                          background:   #ffffff;     }

A:active                { color:        #8c007b;
                          background:   transparent; } /* active links     */
A:link                  { color:        #0000cc;
                          background:   transparent; } /* unvisited links  */
A:visited               { color:        #0000cc;
                          background:   transparent; } /* visited links    */
A:hover                 { color:        #ff6600;
                          background:   transparent;
			  text-decoration: underline } /* mouse-over color */

/***************************************************************************/
/* Selector declarations - for general usage (in alphabetical order)       */
/***************************************************************************/
.genBtn                 { color:        #000000;   
                          background:   #c0c0c0;     } /* form buttons */
.genData                { color:        #000000; 
                          background:   #ffffff;     } /* table row data */
.genDataAlt             { color:        #000000; 
                          background:   #f1f1f1;     } /* table row data (alternate row) */
.genDataHilite          { color:        #ff0000;     } /* error msgs */
.genDataOff             { color:        #666666;     } /* e.g., disabled links */
.genDataStatus          { color:        #666666;     } /* e.g., msg count */

.genHeader              { color:        #000000;      
                          background:   #b0c4be;     } /* table headers */
A.genHeaderLink:active  { color:        #8c007b; 
                          background:   transparent; } /* link rendered in genHeader */
A.genHeaderLink:link    { color:        #0000cc; 
                          background:   transparent; } /* link rendered in genHeader */
A.genHeaderLink:visited { color:        #0000cc;
                          background:   transparent; } /* link rendered in genHeader */
A.genHeaderLink:hover   { color:        #ff6600;
                          background:   transparent; } /* mouse-over color */

.genInfoCard		{ color:        #000000;   
                          background:   #f1f1f1;     
			  padding:	4px;
			}
.genLegend              { color:        #000000;   
                          background:   #ffffff;     } /* legends containing icons, etc. */
.genLogin               { color:        #000000;
                          background:   #ffffff;     } /* login pages */
.genLoginTitle          { color:        #29006b;     } /* login page titles */

.genNav                 { color:        #ffffff;   
                          background:   #3d567f;     } /* used by links.html and banner.html */
.genNavOff              { color:        #aaaaaa;     } /* e.g., disabled links */
A.genNavLink            { text-decoration: none;     } /* link rendered in genNav */
A.genNavLink:active     { color:        #ff6600;
                          background:   transparent; } /* link rendered in genNav */
A.genNavLink:link       { color:        #ffffff;
                          background:   transparent; } /* link rendered in genNav */
A.genNavLink:visited    { color:        #ffffff;
                          background:   transparent; } /* link rendered in genNav */
A.genNavLink:hover      { color:        #ff6600;
                          background:   transparent;
			  text-decoration: underline } /* mouse-over color */
.genNotice              {
			  min-height:	    24px;
                          background:	    #b0c4be;
                          font-family:      Helvetica;
                          font-size:        9pt;
                          vertical-align:   middle;
                          padding:          2px 0px 2px 0px;
			  width:	    100%;
			  margin:	    1px 0px 1px 0px;
                        }
A.genNoticeLink         {
                          background:	    #b0c4be;
                          font-family:      Helvetica;
                          font-size:        9pt;
                          vertical-align:   middle;
                         }
.genEventHeader		{
			  padding:	    2px;
			  text-indent:	    1em;
                          background:	    #b0c4be;
			  font-family:      Helvetica;
			  font-size:        9pt;
			  font-weight:	    bold;
			  vertical-align:   middle;
			}
.genSummaryHeader	{
			  padding:	    2px 12px 2px 0px;
                          background:	    #b0c4be;
			  font-family:      Helvetica;
			  font-size:        9pt;
			  font-weight:	    bold;
			  vertical-align:   middle;
			}
.genEventInfo		{
			  background:	    #f1f1f1;
			  border-style:	    none;
			  color:	    #000000;
			}
A.dateNavLink            { text-decoration: none;     } /* link rendered in genNav */
A.dateNavLink:active     { color:        #0000cc;
                          background:   transparent; } /* link rendered in genNav */
A.dateNavLink:link       { color:        #0000cc;
                          background:   transparent; } /* link rendered in genNav */
A.dateNavLink:visited    { color:        #0000cc;
                          background:   transparent; } /* link rendered in genNav */
A.dateNavLink:hover      { color:        #ff6600;
                          background:   transparent;
			  text-decoration: underline } /* mouse-over color */

.genTitle               { color:        #000000;       /* page title headers */
                          background:   #a0b8c8;     }

/* colors used to identify mail messages fetched from external mail servers */
.genPOPcolor0           { color:        #000000;
                          background:   #66cc66; } /* green */
.genPOPcolor1           { color:        #000000;
                          background:   #ccffcc; } /* lightgreen */
.genPOPcolor2           { color:        #000000;
                          background:   #6699ff; } /* blue */
.genPOPcolor3           { color:        #000000;
                          background:   #99ffff; } /* lightblue */
.genPOPcolor4           { color:        #000000;
                          background:   #ff66ff; } /* magenta */
.genPOPcolor5           { color:        #000000;
                          background:   #ccccff; } /* lightpurple */
.genPOPcolor6           { color:        #000000;
                          background:   #ffcccc; } /* pink */
.genPOPcolor7           { color:        #000000;
                          background:   #ff9900; } /* orange */
.genPOPcolor8           { color:        #000000;
                          background:   #ffcc33; } /* lightorange */
.genPOPcolor9           { color:        #000000;
                          background:   #ffff99; } /* yellow */

/****************************************************/
/* Selector declarations - for application 'mcal'   */
/****************************************************/
.mcalDayCellBusy        { color:        #000000;
                          background:   #a0a0a0; } /* depicts a busy timeslot */
.mcalDayCellFree        { color:        #000000;
                          background:   #f1f1f1; } /* depicts a free timeslot */
.mcalEvent              { color:        #000000;
                          background:   #d0d0d0; } /* contains event data */
.mcalNoEvent            { color:        #000000;
                          background:   #f1f1f1; } /* contains no event data */
.mcalDatebox            { color:        #000000;
                          background:   #d0d0d0; } /* regular nav. box */
.mcalDateboxHlght       { color:        #000000;
                          background:   #f1f1f1; } /* highlighted nav. box */
.mcalSmallCal           { color:        #000000;
                          background:   #f1f1f1; } /* small calendar view */

/****************************************************/
/* Selector declarations - for application 'spell'  */
/****************************************************/
.spellCurWord           { color:        #ff0000; } /* color of currently-selected misspelled word */

/****************************************************/
/* Selector declarations - for online help          */
/****************************************************/
A.helpNavLink           { text-decoration: none; }
A.helpLink              { text-decoration: none; }
A.helpLink:visited      { color:        #7b52a5;
                          background:   transparent; }
.helpMenuText           { color:        #3d567f; 
                          font-weight:  bold; }

/****************************************************/
/* New styles for smartphone UI                     */
/****************************************************/
.navTblNoFrm{
    width: 100%;
    display: table;
    background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
    background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);    
    border-top: 1px solid #FFFFFF;
}
.navTbl{
    width: 100%;
    display: table;
}
.navMenuTbl{
    width: 100%;
    display: table;
    height: 100%;
}
.contactTbl{
    width: 100%;
    display: table;
    border: 2px solid #808080;
}
.navTbl2{
    width: 100%;
    display: table;
    background:#D3D3D3;
}
.navRow{
    display: table-row;
}
.navCell{
    width:20%;
    display: table-cell;
    text-align: center;
}
.chkCell{
    width:10%;
    display: table-cell;
    text-align: center;
    border-bottom: 2px solid #808080;
    vertical-align: middle;
}
.contactNameCell
{
    display: table-cell;
    text-align: left;
    border-bottom: 2px solid #808080;
    padding: 3px 0;
}
.folderCell,
.editFolderCell,
.loginCell,
.searchContactCell_unused,
.changePassCell,
.fwdCell,
.autoreplyCell,
.contactErrCell,
.navInboxPaging,
.navCellLeft,
.navComposeCell{
    display: table-cell;
    text-align: left;
    font-size: 0.85em;
    padding: 2px 10px 2px 0;
}
.optCell1{
    display: table-cell;
    text-align: left;
    line-height: 40px;
    background: #EAEAEA;
}
.optCell2{
    display: table-cell;
    text-align: left;
    line-height: 40px;
    background: #DBDBDB;
}
.editContCell1{
    display: table-cell;
    text-align: left;
    width:30%;
    vertical-align: middle;
}
.editContCell2{
    display: table-cell;
    text-align: left;
    width:70%;
}
.searchContactCell1_unused{
    display: table-cell;
    text-align: left;
    font-size: 0.85em;
    width:20%;
}
.searchContactCell2_unused{
    display: table-cell;
    text-align: left;
    width:80%;
}
.contactProfCell1{
    display: table-cell;
    text-align: right;
    line-height: 25px;
    width:120px;
}
.contactProfCell2{
    display: table-cell;
    text-align: left;
    padding-left: 5px;
}
.autoreplyCell1{
    display: table-cell;
    text-align: left;
    font-size: 0.85em;
    vertical-align: top;
}
.changePassText,
.fwdText,
.prefText,
.autoreplyText,
.findContactText,
.composeElement{
    width: 99%;
    border: 1px solid;
}
.loginText{
    border: 1px solid;
}
.addContactText{
    width: 90%;
    border: 1px solid;
}
.mailLink_old {
    color: #000;
    text-decoration: none;
#    text-overflow: ellipsis;
    white-space: nowrap;
#    padding: 12px 10px 12px 10px;
#    margin: -10px 0;
    display: block;
}
.maillink {
    color: #000;
    text-decoration: none;
    white-space: nowrap;
    display: block;
}
.subjectLine {
    display: block;
    font-weight: bold;
    font-size:15px;
    margin-left: 20px;
    padding: 0;
    white-space: normal;
    word-wrap: break-word;
}
.statusInfo {
    display: block;
    font-size: 0.75em;
    font-weight: normal;
    margin-left: 40px;
    padding: 0 10px 0 0;
    white-space: normal;
}
.mailList {
    border-bottom: 1px solid #b7b7b7;
    padding: 5px 0;
}
.navLink {
    text-align:center;
    background:#CECECE;
}
pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}
.folderEditCell1,
.folderCell1{
    display: table-cell;
    border: 1px solid #FFFFFF;
    text-align: left;
    width: 60%;
    background:#F1F1F1;
    line-height: 22px;
}
.folderEditCell2,
.folderCell2{
    display: table-cell;
    border: 1px solid #FFFFFF;
    text-align: center;
    width: 5%;
    background:#F1F1F1;
    line-height: 22px;
}
.folderHeadCell1{
    display: table-cell;
    border: 1px solid #FFFFFF;
    text-align: left;
    width: 60%;
    background:#B0C4BE;
}
.folderHeadCell2{
    display: table-cell;
    border: 1px solid #FFFFFF;
    text-align: center;
    width: 5%;
    background:#B0C4BE;
}
.contactPaging{
    width:20%;
    display: table-cell;
    text-align: center;
    background:#D3D3D3;
}
.attachmentName,
.msgHeader{
    word-wrap: break-word;
}
.genNav1 {    
    background: #4A4A4A;
    background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
    background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);    
}
.inboxActionsTbl {
    width: 100%;
    display: table;
    background:#828282;
}
.inboxActionCell1 {
    display: table-cell;
    text-align: center;
    width: 5%;
    vertical-align: middle;
    background: #FFFFFF;
    border: 2px solid #828282;
}
.inboxActionCell2 {
    display: table-cell;
    text-align: center;
    width: 15%;
}
.inboxActionCell3 {
    display: table-cell;
    text-align: center;
    width: 65%;
    vertical-align: middle;
}
.composeBtnsTbl,
.inboxPagingTbl_unused {
    width: 100%;
    display: table;
    background:#828282;
    border-bottom: 3px solid #FFFFFF;
}
.mailPagingTbl{
    width: 100%;
    display: table;
    background:#828282;
    border-bottom: 1px solid #FFFFFF;
}
.inboxPagingCell1_unused {
    display: table-cell;
    text-align: center;
    width: 10%;
}
.mailPagingCell2,
.inboxPagingCell2_unused {
    display: table-cell;
    text-align: center;
    width: 60%;
    vertical-align: middle;
    color: #FFFFFF;
}
.mailPagingCell1 {
    display: table-cell;
    text-align: center;
    width: 20%;
}
.ellipsis  { 
    font-weight: bold;
    width: 85%;
    margin-left: 40px;
    white-space: nowrap;
    overflow: hidden;
}

.selectContact,
.selectPref,
.selectFolder
{
    width: 100%;
}
.prefCell
{
    display: table-cell;
}
.prefCell1
{
    display: table-cell;
    text-align: left;
    width:35%;
    vertical-align: top;
    font-size: 0.85em;
}
.prefCell2
{
    display: table-cell;
    text-align: left;
    width:65%;
}
.prefCell3
{
    display: table-cell;
    text-align: left;
    width:5%;
}
.prefCell4
{
    display: table-cell;
    text-align: left;
    width:60%;
}
.contAreaCell
{
    display: table-cell;
    text-align: left;
    background:#828282;
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    line-height: 22px;
}
.contactActionTbl
{
    width: 100%;
    display: table;
    background:#828282;
    border-bottom: 2px solid #FFFFFF;
}
.contActionCell1 {
    display: table-cell;
    text-align: center;
    width: 13%;
}
.contActionCell2 {
    display: table-cell;
    text-align: center;
    width: 60%;
    vertical-align: middle;
}
.optLink {
    color:#000000;
}
.imgBtn1{
    border: none;
    color: transparent;
    height: 32px;
    width: 32px;
    font-size:0px;
}
.imgBtn2{
    border: none;
    color: transparent;
    height: 30px;
    width: 30px;
    font-size:0px;
}
.imgMenu{
    border: none;
    margin-top: 8px;
}
.imgMenuNoFr{
    border: none;
    margin: 9px 0;
}
.imgNav{
    border: none;
}
.loginDiv {
    text-align: center;
    width: 100%;
}
/*--------- New CSS --------*/
.divTool {
    width: 100%;
    display: inline-block;
    height: 50px;
    background: #2d2d2d;
    background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
    background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
    background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
    background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
    background: linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );    
    border-top: 1px solid #FFFFFF;    
}
.t1 {
    float: left;
    width: 20%;
    text-align: center;
}
.t2 {
    float: left;
    width: 33%;
    text-align: center;
}
.composeAct {
    background: #828282;
    height: 30px;
    width: 100%;
}
.t3 {
    float: left;
    text-align: center;
    width: 25%;
}
.divPaging {
    width: 100%;
    display: block;
    background: #828282;
    height: 25px;
    border-bottom: 2px solid #FFFFFF;
    padding: 2px 0;
}        
.p1 {
    float: left;
    width: 10%;
    text-align: center;
}
.p2 {
    float: left;
    width: 60%;
    text-align: center;
    color: #FFF;
    padding-top: 2px;
    font-weight: bold;
}
.divActions {
    width: 100%;
    background: #828282;
    height: 30px;
    border: 2px solid #828282;
    margin: 0 -4px;
}
.a1 {
    float: left;
    width: 8%;
    text-align: center;
    background: #FFFFFF;
    height: 100%;
}
.a2 {
    float: left;
    width: 15%;
    text-align: center;
}
.act4,
.a3 {
    float: left;
    width: 60%;
    text-align: center;
}
.divActions1 {
    width: 100%;
    background: #828282;
    height: 30px;
    border-bottom: 2px solid #FFF;
}
.act1 {
    float: left;
    width: 31%;
    padding-top:8px;
    color: #FFF;
    text-align: center;
    font-size: 0.85em;
}
.act2 {
    float: left;
    width: 30%;
    text-align: center;
}
.act3 {
    float: left;
    width: 13%;
    text-align: center;
}
.imgNav1 {
    border:none;
    margin-top: 2.5px;
}
.aSelect {
    margin-top: 5px;
    width:100%;
}
.msgBody {
    margin: 0 5px;
}
.addContBtn {
    background: url("/wmi/add.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 30px;
    width: 30px;
    vertical-align: bottom;
    text-indent: -100em;
}
.composeBtn {
    background: url("/wmi/compose.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 30px;
    width: 30px;
    vertical-align: bottom;
    text-indent: -100em;
}
.msgState {
    position: absolute;
    padding: 10px 0 0 5px;
}
.chkDiv {
    padding: 20px 0 0;
    position: absolute;
}
.msgChk{
    height: 30px;
    width: 30px;
}
.pageTitle {
    background: #DBDBDB;
    line-height: 20px;
    font-size: 0.85em;
    padding: 0 0 0 10px;
}
.errMsg {
    line-height:20px;
    font-size:0.85em;
    padding: 0 0 0 10px;
}
.conflictCont{
    background: none repeat scroll 0 0 #B0C4BE;
    line-height:20px;
    font-size:0.85em;
}
.conflictChk {
    width:10%;
    float:left;
    text-align: center;
}
.conflictEmail{
    width:90%;
    float:right;
    word-wrap: break-word;
}

ul {
    width: 100%;
    margin: 0 0 2px;
    padding: 0;
}
.liRow {
    width: 100%; 
    display: inline-block; 
    padding: 4px 0;
}

.liPaging {
    width: 100%; 
    display: inline-block; 
}
.lblDiv1 {
    width: 30%;
    float: left;
    font-size: 0.85em;
}
.txtDiv1 {
    float: right;
    width: 70%;
}
.inputField {
    width:95%;
    margin-left: 5px;
    border: 1px solid #000000;
}
.inputTxtArea1 {
    width:95%;
    border: 1px solid #000000;
}
/*Div for centering inner element*/
.divCenter {
    text-align: center;
}
.divRightHalf{
    float: right;
    width: 30%;
}
.divLeftHalf{
    float: left;
    width: 70%;
}