@namespace url(http://www.w3.org/1999/xhtml);

/* TITLE: GMAIL UI YOUR WAY */

/* AUTHOR: Davey Jacobson - http://userstyles.org/users/17031 */

/* FOR ALL ISSUES - DISABLE ALL OTHER STYLES FIRST BEFORE POSTING TO THE FORUM. UPDATE EVERYDAY! */

@-moz-document domain("mail.google.com") {


/****************************************
 **************** PRESETS ***************
 ****************************************/

html.cQ {overflow-x:hidden!important; overflow-y:auto!important;}

.nH.qp {width:100%!important;}
.nH.qp #gb #gbz {margin-left:5px!important;}
.nH.qp #gb #gbg {margin-right:10px!important;}

/* FOR DEBUGGING */
/*.nH {border:1px solid #cc0000!important;}*/

/****************************************
 *********** GLOBAL OVERRIDES ***********
 ****************************************/

/***** ALLOW CUSTOMIZATIONS *****/
INPUT[name='q'], INPUT[type='text'], INPUT[type='submit'], INPUT.gaia.le.val, INPUT[type='button'], BUTTON:not([class*='w']) {-moz-appearance:none !important; position:relative !important; margin:1px;}

* {font-family: arial, sans-serif;}
/* For Global MAC OS X font */
/* * {font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Lucida,sans-serif !important;} */

/*** TEXT BARS ***/
INPUT[name='q'], INPUT[type='text'] {font-size:16pt;} INPUT.gaia.le.val {padding:1px;}
INPUT[name='q'], INPUT[type='text']:not(.yFjksf), INPUT.gaia.le.val {font-weight:bold; border-style:solid; border-color:#666666; -moz-border-radius:5px;}
INPUT[name='q']:hover, INPUT[type='text']:hover, INPUT.gaia.le.val:hover {border-color:#95cce6 !important;}
INPUT[name='q']:focus, INPUT[type='text']:focus, INPUT.gaia.le.val:focus {border-color:#206cff !important;}

/*** BUTTONS ***/
INPUT[type='submit'], INPUT[type='button'] {font-size:10pt; margin-top:4px;}
INPUT[type='submit'], INPUT[type='button'], BUTTON:not([class*='w']) {color:#000; font-size:10pt; background:-moz-linear-gradient(center top , #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent; text-align:center; padding:3.5px 6px; border:1px solid #bbb; -moz-border-radius:3px;}
INPUT[type='submit']:hover, INPUT[type='button']:hover, BUTTON:not([class*='w']):hover {border-color:#939393!important;}
INPUT[type='submit']:hover:focus,INPUT[type='submit']:active, INPUT[type='button']:hover:focus, INPUT[type='button']:active, BUTTON:not([class*='w']):hover:focus, BUTTON:not([class*='w']):active {background:-moz-linear-gradient(center top, #eee, #f9f9f9) repeat scroll 0 0 transparent!important; text-align:center; padding:3.5px 6px; border:1px solid #bbb; -moz-border-radius:3px; outline:0!important;}

/*** QUICK FIXES ***/
.Ci {width: 34px !important;}
INPUT.yUGic-VPt1j[type='checkbox'] {margin-left:11px!important;}
.Cj {position: relative; top:-0px;}
.yW {margin-left:2px !important;}
.qk .p9:hover, .n4.toxOdd:not(.n7):hover, .Alfa2e:not(.nZ) .n0:hover {color: #cc0000 !important;}
.zG {position: relative; left: -2px;}
.bN.bM .J-Zh-I-Js-Zq {border-left:1px solid #bbb!important;}
.bN.bM .J-Zh-I-JW {border-left-color:#939393!important; padding-left:8px!important;}
.J-M-JJ.q5KkP {margin:0!important; padding:0!important;}
.yFjksf {border:0!important; width:100%!important;}
.J-M-JJ.q5KkP > .A0.RGtUYb {top:3px!important; right:3px!important;}
*:focus {outline:0!important;}
.Rgky9 {background-image:url("https://mail.google.com/mail/images/2/5/logo1.png")!important; /* BETTER GMAIL LOGO */}
.eHIyEf .J-N-Jo {margin-left:35px!important; margin-top:-5px!important;}
.hMFEHf {height:25px!important; z-index:20!important;}


/****************************************
 *********** MAIN GMAIL STYLE ***********
 ****************************************/

/*** TOP SEARCH AREA ***/
INPUT.GcwpPb-hsoKDf, INPUT.bQ.nr {font-size: 16pt !important; border: 2px solid #666666 !important; -moz-border-radius: 4px !important; padding: 0px 1px 1px 0px !important; margin-right:8px!important;}
INPUT.GcwpPb-hsoKDf:hover, INPUT.bQ.nr:hover {border-color:#bbb!important;}
INPUT.GcwpPb-hsoKDf:focus, INPUT.bQ.nr:focus {margin: 1px 8px 1px 0 !important; border-color:#36f!important;}

/* SEARCH & FILTER LINKS 2 BUTTONS */
.GcwpPb-Pkt3ef.GcwpPb-uq0Mrf .J-Zh-I-Js-Zq, .bN.bM .J-Zh-I-Js-Zq {-moz-border-radius-topleft:3px!important; -moz-border-radius-bottomleft:3px!important;
}
.GcwpPb-Pkt3ef.GcwpPb-txTtjf, .oy8Mbf .bN.bR {position: absolute; top:85px; left:182px; text-decoration:none !important; padding:0px 0px 0px 0px; z-index:11!important; -moz-user-select:none!important;
}
.GcwpPb-Pkt3ef.GcwpPb-txTtjf BR, .oy8Mbf .bN.bR BR {display:none !important;
}
.GcwpPb-Pkt3ef.GcwpPb-txTtjf SPAN, .oy8Mbf .bN.bR SPAN {color:#000 !important; background:-moz-linear-gradient(center top , #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent; font-size:12px; text-align:center; padding:3px 8px; border:1px solid #bbb;
}
.GcwpPb-Pkt3ef.GcwpPb-txTtjf SPAN:first-child, .oy8Mbf .bN.bR SPAN:first-child {-moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px;
}
.GcwpPb-Pkt3ef.GcwpPb-txTtjf SPAN:last-child, .oy8Mbf .bN.bR SPAN:last-child {-moz-border-radius-topright:3px; -moz-border-radius-bottomright:3px; border-left:0!important;
}
.GcwpPb-Pkt3ef.GcwpPb-txTtjf SPAN[class='toxOdd'], .oy8Mbf .bN.bR SPAN[class='toxOdd'] {font-size:12px!important; border-right:1px solid #bbb; border-bottom:1px solid #a0a0a0; -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0;
}
.GcwpPb-Pkt3ef.GcwpPb-txTtjf SPAN[class='toxOdd']:last-child, .oy8Mbf .bN.bR SPAN[class='toxOdd']:last-child  {border-left-width:0; border-left-color:#bbb; border-left-style:solid; border-right:1px solid #bbb !important; margin-left:0px !important; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; -moz-border-radius-topright:3px; -moz-border-radius-bottomright:3px;
}
.GcwpPb-Pkt3ef.GcwpPb-txTtjf SPAN:hover, .oy8Mbf .bN.bR SPAN:hover {border-color:#939393!important;
}
.GcwpPb-Pkt3ef.GcwpPb-txTtjf SPAN:last-child:hover, .oy8Mbf .bN.bR SPAN:last-child:hover {border-left:1px solid #939393 !important; padding-left:7px!important;
}
.GcwpPb-Pkt3ef.GcwpPb-txTtjf SPAN:hover:active, .oy8Mbf .bN.bR SPAN:hover:active {background:-moz-linear-gradient(center top , #eee, #f9f9f9) repeat scroll 0 0 transparent!important; border-color:#444!important;}

/* TOP NOTIFICATION BOX */
DIV[class='vZ v3'], DIV[class='vZ v5 v4'] {background: inherit !important; margin-top:0px; margin-bottom:0px !important; padding:0px 0px 0px 2px !important; -moz-border-radius:2px !important;}

/* 'YOU MESSAGE HAS...' ALERT BOX */
.b8 {margin: 5px 0 -5px !important; height: 30px !important; max-width: 100% !important;}
.b8 TABLE[class='cf ve']  {position: relative;}
.vg {background-position: -4px -5px !important; -moz-border-radius: 0px !important;}
.vk {background-position: -4px 1px !important; -moz-border-radius: 0px !important;}
.nH .b8.UC {margin:4px 0 0 0!important; padding:0!important;}

/* LEFT PANEL LINKS */
.nU A, .qk .p9, .CL .CK {text-decoration:none !important;}
.pp .nM .nX {margin: -1px 0 0;}
.LrBjie [class='TO NQ'], .T2 {background:-moz-linear-gradient(center top , #f3f3f3, #c9c9c9) repeat scroll 0 0 transparent !important; -moz-border-radius-topleft:4px; -moz-border-radius-bottomleft:4px; margin-right:0!important; border-right:1px solid #444!important; color:#000!important;}
[class='z9 z8'] .is, .LrBjie [class='TO NQ'] .TN > span > a {color:#000!important;}
.TO.NQ:not(.nZ) .nU:hover a.n0 {color:#cc0000!important;}
.T2:hover:active, .z8 {background:-moz-linear-gradient(center top , #cccccc, #e8e8e8) repeat scroll 0 0 transparent!important; -moz-border-radius-topleft:4px; -moz-border-radius-bottomleft:4px; border:1px solid #939393!important; margin-right:0!important; padding:0 4px 1px 19px!important;}

/* TASKS */
.T4 .T3 {position:relative; top:2px; left:12px; padding:3px 8px!important; max-width:33px!important; background:-moz-linear-gradient(center top , #fcfc7d, #ff6) repeat scroll 0 0 transparent!important; border:1px solid #bbb; border-bottom-color:#939393!important; -moz-border-radius:3px;}
.T4 .T3.T1 {border-color:#939393;}
.T4 .T3.T1:active {background:-moz-linear-gradient(center top , #ff6, #fcfc7d) repeat scroll 0 0 transparent!important; border-color:#444!important;}


/*** BUTTON PRESETS ***/
.nH.q0CeU.C .A1.D.E {padding: 5px 0 3px 3px !important;}
.nH.q0CeU.C DIV[act='9'] {position:relative; top:0 !important;}
.eeCDlc {display:inline !important;}

/** MESSAGE PANEL LINKS TO BUTTONS **/

/* 'BACK TO INBOX' */
.AO[act='19'] {margin-right:8px!important; text-decoration:none!important; color:#000!important; background:-moz-linear-gradient(center top , #fccaca, #f1a9a9) repeat scroll 0 0 transparent; font-size:12px!important; text-align:center; border:1px solid #bbb; -moz-border-radius:3px; border-bottom-color:#939393;
}
.AO[act='19']:hover {border-color:#939393;
}
.AO[act='19']:hover:active {background:-moz-linear-gradient(center top , #ffa6a6, #ff7a7a) repeat scroll 0 0 transparent!important; border-color:#444!important;
}
.iI.D.E .AO[act='19'] {padding:4px 8px 2px!important;
}
.iE.D.E .AO[act='19'] {padding:3px 8px!important;}

/* 'OLD(ER)' & 'NEW(ER)' */
.h0 .e, .Di .e {text-decoration:none !important; color:#fff !important; background: #447EE2; font-size:0.84em; font-weight:normal !important; padding: 1px 3px; -moz-border-radius: 2px;}
.h0:hover .e:hover, .Di:hover .e:hover {background:#0B46A5; border-color: #0B46A5;}

/* 'SHOW DETAILS' & 'HIDE DETAILS' */
SPAN.iD {text-decoration:none !important; color:#fff !important; font-size:0.85em; font-weight:normal !important; border:1px solid #bbb; -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px; position:relative; top:1px; left:-3px;}
.gE.iv.gt SPAN.iD {background:-moz-linear-gradient(center top , #6c6, #696) repeat scroll 0 0 transparent!important;  padding: 4px 5px 3px; border-bottom-color:#939393;}
.gE.iv.gt SPAN.iD:hover {border-color:#939393;}
.gE.iv.gt SPAN.iD:hover:active {background:-moz-linear-gradient(center top , #6c6, #6c6) repeat scroll 0 0 transparent!important; border-color:#444!important;}
.gs SPAN.iD {background:-moz-linear-gradient(center top , #fc6, #F1CB72) repeat scroll 0 0 transparent!important; padding: 4px 7.5px 3px 7.5px; border-bottom-color:#939393;}
.gs SPAN.iD:hover {border-color:#939393;}
.gs SPAN.iD:hover:active {background:-moz-linear-gradient(center top , #F7D177, #FCD67D) repeat scroll 0 0 transparent!important; border-color:#444!important;}


/*** TOP PANEL (E.G. ARCHIVE, SPAM, DELETE, ETC.) ***/
[class=' iI D E hMFEHf'] {height:0px!important; padding-bottom:0!important;}
[class=' iI D E hMFEHf'] .iH {margin-top:2px!important;}
[class=' iI D E'] {padding: 17px 0 !important;} /* If "Right-Side Chat" is enabled, set 'padding' to 8px */
.iI.D.E .AO {padding: 2.5px 5px !important;}
.iI.D.E .iH {position:relative; top:-13px; left:4px;} /* If "Right-Side Chat" is enabled, set 'top' to -4px */ 
.iI.D.E .h0 {position:relative; top:-12px;} /* If "Right-Side Chat" is enabled, set 'top' to 1px */
.iI.D.E .h0 .e, .A1.D.E .Di .e, .Wl.e {position:relative!important; top:-1px!important;}
.A1.D.E .AZ {top:-1px;}

.AD0rpf {position:relative; left:65px!important;}

/*** BOTTOM PANEL ***/
.AY.D.E .Cq {position: relative; top: 3px !important;}
.AY.D.E .AZ {top:-1px;}
.iE.D.E .AO {padding: 3px 6px !important; margin-right: 10px !important;}
.iE.D.E .h0 {position:relative; top:2px;}
.iE.D.E .h0 .e {position:relative; top:-0.05em;}

/*** REMOVE INVITE BOX & ADS ***/
table.Bs.nH .Bu:first-child > .nH > .nH > .nH.pp.ps.TZ:last-child {display:none;}
.pY, .u5, .u8, .z0DeRc {display:none;}



/*****************************************
 ************* SETTINGS MENU *************
 *****************************************/

INPUT#cfn {font-size:9pt !important; padding:1px 0 0 0 !important;}
INPUT[type='button'][onclick='window.close();'] {top:-3px;}
INPUT#focus {top:0px;}
tr.r7 div button:first-child {width:109px!important;}
.cf td.CQ div button.CP {font-size:10pt!important; padding:0.05em 0.1em!important;}

/*** POP-UP BOXES ***/
body[onload='setFocus();'] > table[style='table-layout: fixed;'] table {position:relative; left:-16px;}
body[onload='setFocus();'] > table[style='table-layout: fixed;'] form[method='POST'][name='mainForm'] table:first-child {margin-left:10px!important;}
body[onload='setFocus();'] > table[style='table-layout: fixed;'] table form[method='POST'][action=''][name='mainForm'] table {max-width:564px!important;}
body[onload='setFocus();'] > table[style='table-layout: fixed;'] table form[method='POST'][action=''][name='mainForm'] > table + table td {vertical-align:middle!important;}
body[onload='setFocus();'] > table[style='table-layout: fixed;'] table form[method='POST'][action=''][name='mainForm'] > table + table td input[type='button'] + input[type='submit'] {position:relative; top:-3px;}


/*****************************************
 ***************** INBOX *****************
 *****************************************/

/*** BUTTONS & LINKS TO BUTTONS PRESETS ***/
[class*='D E'] {-moz-user-select:none!important;}
.A1.D.E > .nH > .Cq {margin:-2px 0 2px!important;}
.AY.D.E > .nH > .Cq {margin:-2px 0 1px!important;}

/** REFRESH **/

/* OVERALL DESIGN */
[act='20'] {text-decoration:none!important; color:#000!important; background:-moz-linear-gradient(center top, #c9edcc, #b6d6b8) repeat scroll 0 0 transparent; font-size:12px!important; text-align:center; border:1px solid #bbb; border-bottom-color:#939393!important; -moz-border-radius:3px;
}
DIV[act='20']:hover {border-color:#939393;
}
DIV[act='20']:hover:active {background:-moz-linear-gradient(center top, #b2edb7, #8bd690) repeat scroll 0 0 transparent; border-color:#444!important;}

/* IN TOP PANEL */
.VP5otc-pzeoBf.D.E .Cq div div [class='J-J5-Ji'] div {padding:4px 8px 3px!important;}

/* IN BOTTOM PANEL */
.VP5otc-U4m8q.D.E .Cq div div [class='J-J5-Ji'] div {padding:4.25px 8px 3px!important;
}
.AY.D.E .AP {padding:4px 8px 3px!important; position:relative; top:-17px;}

.J-J5-Ji .T9 { }


/*** MESSAGES ***/

/** HOVER HIGHLIGHTS **/

/* UNREAD */
.zA.zE {background:#bfe3fe !important;}
.zA.zE:hover {background:#D2FEDC !important;}
.zA.zE.x7 {background:#9FCCFF !important;}
.zA.zE.x7:hover {background:#7ABEFE !important;}

/* READ */
.zA.yO:hover, .MT:hover {background:#d2e3fe !important;}
.zA.yO.x7 {background:#ddd !important;}
.zA.yO.x7:hover {background:#D2F5FE !important;}


/** ACTUAL MESSAGE VIEW **/

/* MOVE BUTTONS (E.G. 'NEW WINDOW', 'PRINT ALL', ETC.) LEFT */
.hj {
position:absolute!important;
top:2.5em!important; /* ADJUST VERTICAL POSITIONING - If you have web clips enabled, set 'top' TO 50px */
left:0px;
z-index:4!important;
}
/*--BUTTON STYLE--*/
.hj .hk:not([style='display: none;']) {font-size:12px; margin:0 3px!important; display:inline-block!important; -moz-user-select:none!important;}
.hk U {text-decoration:none; position:relative; top:0;}
.hk SPAN[idlink=''] {font-weight:bold; color:inherit !important; background:-moz-linear-gradient(center top , #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent; text-align:center; padding:3px 8px; border:1px solid #bbb; -moz-border-radius:3px; border-bottom-color:#939393;}
.hk SPAN[idlink='']:hover {border-color:#939393 !important;}
.hk SPAN[idlink='']:hover:active {background:-moz-linear-gradient(center top , #eee, #f9f9f9) repeat scroll 0 0 transparent!important; border-color:#444!important;}
.hk SPAN IMG  {margin-top:-1px!important;}


/* EXTENDING MESSAGE BODY TO FIT */
.iY .Bu:last-child > .nH {height:0!important; overflow:hidden!important; width:0!important;}
.iY .Bu:first-child + .Bu {display:none;}
.iY {width:100%!important;}

/* MESSAGE THREAD HIGHLIGHTS */
[class*='gs gt']:hover {background: #bfd7ff; position: relative; top: -3px; margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 3px !important; padding-bottom: 1px !important; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; padding-right:0px !important; margin-right:0px !important;}
.gA.gt {margin-right:1px!important;}

/* EXTEND TEXT BODY */
.ip.iq .ir {width:99.4% !important;}

/* REMOVE BOTTOM AD UNDER MESSAGE */
.nH.MC {display:none!important; position:absolute!important;}
.nH.if, .nH.if .nH.hx {padding-bottom:0!important; margin-bottom:-1px!important;}

/* LABEL HIGHLIGHTS */
.p6 {margin: 0px 0 0 0 !important; padding: 0px 0 0 0 !important;}
.pM, .p6 {height: 12px !important; width: 13px !important;}
.nU .n0 {position:relative; top:1px;}

/* DROPDOWN ARROW & MENUS*/
.J-Zh-I-JO.J-Zh-I-Kq, .J-Zh-I-Kq {background:-moz-linear-gradient(center top , #556fbb, #6680cc) repeat scroll 0 0 transparent!important;}

DIV[class='AZ J-J5-Ji'] {position: relative; top:-0px; left: 2px; z-index:1;}
.lP, .lO, .lQ {display:none;} .J-N, .J-JK {padding-left:5px!important;} .J-JK {margin:-1px 0 1px 0 !important;}
.J-M-JJ {margin: 0 5px 5px 5px !important;} .J-M-JJ .A0 {position:relative; top:10px!important; right:18px!important;}

.J-N-JT, .J-JK-JT, .J-LC-JT {background:#36f !important; color:#fff !important;}
[class='J-LC-Jo J-J5-Ji']  {vertical-align: middle !important; background-color: #fff !important; padding: 7px 0.25px 4px 0 !important; margin: -5px 3px -3px 0px !important; width: .95em !important;}
.AX .J-M-JJ {border: 2px solid #206cff !important; -moz-border-radius:3px;}
.AX .J-M-JJ INPUT[type='text'] {font-size:8pt !important;}
.A0 {position:relative; right:12px !important;}




/*-------GMAIL CHAT-------*/
.cf.vH {width:100%!important;}

/* IF RIGHT-SIDE CHAT IS ENABLED */
.Bs.nH .Bu + .Bu + .Bu + .Bu > .nH {width:157px!important;}
.Bs.nH .Bu + .Bu + .Bu + .Bu .TZ {margin-left:1px!important; margin-top:0!important; padding-bottom:0px!important; border-top-width:5px!important; height:695px!important; width:156px!important;}
.TZ .vz {max-height:780px!important; height:600px!important;}

/* 'SEARCH, ADD, OR INVITE' */
DIV.dH  {margin: -0px -2px 1px -3px !important; padding: 3px 5px 3px 4px !important;}
INPUT[title='Search, add, or invite'][label='Search, add, or invite'][class='dI dG']
{
font-size: 9pt !important; color: #666666 !important; width: 95% !important; font-weight: bold !important; margin: 0px 0px -1px 2px !important; padding: 2px 2px 2px 2px !important; border: 1px solid #666666 !important; -moz-border-radius:3px!important;
}
INPUT[title='Search, add, or invite'][label='Search, add, or invite'][class='dI dG']:hover
{
border: #fff1a8 2px solid !important; margin: 0px 0px -1px 2px !important; padding: 1px 1px 1px 1px !important;
}
INPUT[title='Search, add, or invite'][label='Search, add, or invite'][class='dI']:focus
{
font-size: 9pt !important; color: #666666 !important; width: 95% !important; border: 2px solid #2097ff !important; margin: 0px 0px -1px 2px !important; padding: 1px 1px 1px 1px !important; -moz-border-radius: 2px !important;
}

/* 'SET STATUS HERE' */
.Ae .uf {color:#888!important;}

/* ONLINE/OFFLINE ICONS */
.vI td img {position:relative; top:0.1em;}


/*-------GADGET INTEGRATION-------*/
input.mM {padding: 3.5px 6px;}
.r4 .mY .mP div button {top:1px;}
/*.nH .no .nH.nn:first-child + .nH.nn + .nH.nn {width:60%!important;}*/

}