/* shared element styling between small screen and wide screen */

UL.pnav, {list-style-type: none; color: #FFFFFF}
LI.pnav LI, {}
LI {display: block; padding-left: 0.5em; padding-right: 0.5em}

.tbar A:link, .pnav A:link, .tbar A:visited, .pnav A:visited, .tbar A, .pnav A {color: #ffcc00; text-decoration: none; }
.tbar A, .pnav A {color: #ffcc00; text-decoration: none; }
A:hover {text-decoration: underline;}
A {font-weight: bold; text-decoration: none; color: #000066;}
A:link {font-weight: bold; text-decoration: none; color: #000066;}
A:visited {font-weight: bold; text-decoration: none; color: #000066;}
A.emph {font-weight: bold;}

H1.tbar { text-align: left; color: #ffffff; margin-left: 3em; }

SPAN.text_only {visibility: hidden; display: none}
SPAN.tbar {font-weight: bold; text-decoration: none; color: #ffffff;}
SPAN {white-space: nowrap;}

DIV.section TBODY TD { padding-left: 1em; background-color: #ffffff;}
DIV.pmain {border-radius: 1em;}
DIV.error {display: inline; white-space: nowrap;  border: 0; padding: 0 0 0 1em; background-image: url('hexGlyphs.gif'); background-repeat: no-repeat; background-size: 1em 20.4em; background-position: 0 -6em;}
*.navbard A.navbar_this {color: #ff4141;}
*.inner_list {display: block;}
*[onClick] {cursor: pointer}

PRE {overflow-x: scroll; overflow-y: scroll; }
PRE.nofrippery { overflow: auto; width: auto; height: auto; }

DL.outer_list LI {list-style-type: none; border-bottom: 1px #cccccc solid;} DL.outer_list DD {margin-left: 0; padding-left: 0;}

*.messages {color: #000000; font-family: cursive;}
*.messages:before{content: url(pling.gif);}

P.feedback {color: #000000; font-family: cursive;}
P.feedback {border: 0; padding: 0 0 0 1.2em; background-image: url('hexGlyphs.gif'); background-repeat: no-repeat; background-size: 1em 20.4em; background-position: 0 -7.2em;}


.minus {border: 0; padding: 0 0 0 1em; background-image: url('hexGlyphs.gif'); background-repeat: no-repeat; background-size: 1em 20.4em; background-position: 0 0;}
.plus {border: 0; padding: 0 0 0 1em; background-image: url('hexGlyphs.gif'); background-repeat: no-repeat; background-size: 1em 20.4em; background-position: 0 -1.2em;}
.paperclip {border: 0; padding: 0 0 0 1em; background-image: url('hexGlyphs.gif'); background-repeat: no-repeat; background-size: 1em 20.4em; background-position: 0 -2.4em;}
.moveto {border: 0; padding: 0 0 0 1em; background-image: url('hexGlyphs.gif'); background-repeat: no-repeat; background-size: 1em 20.4em; background-position: 0 -3.6em;}
.copyto, TR.replied TH SPAN {border: 0; padding: 0 0 0 1em; background-image: url('hexGlyphs.gif'); background-repeat: no-repeat; background-size: 1em 20.4em; background-position: 0 -4.8em;}
.pling {display: inline; white-space: nowrap;  border: 0; padding: 0 0 0 1em; background-image: url('hexGlyphs.gif'); background-repeat: no-repeat; background-size: 1em 20.4em; background-position: 0 -6em;}
.info {border: 0; padding: 0 0 0 1em; background-image: url('hexGlyphs.gif'); background-repeat: no-repeat; background-size: 1em 20.4em; background-position: 0 -7.2em;}
.control {float: right;} .middle {float: left;} .first {float: left; width: 20em;}
.envclosed, TR.unread TH SPAN {border: 0; padding: 0 0 0 1em; background-image: url('hexGlyphs.gif'); background-repeat: no-repeat; background-size: 1em 20.4em; background-position: 0 -8.4em;}
.envopen, TR.read TH SPAN {border: 0; padding: 0 0 0 1em; background-image: url('hexGlyphs.gif'); background-repeat: no-repeat; background-size: 1em 20.4em; background-position: 0 -9.6em;}
.answered, TR.replied TH SPAN {border: 0; padding: 0 0 0 1em; background-image: url('hexGlyphs.gif'); background-repeat: no-repeat; background-size: 1em 20.4em; background-position: 0 -10.8em;}
.trash, TR.trash TH SPAN {border: 0; padding: 0 0 0 1em; background-image: url('hexGlyphs.gif'); background-repeat: no-repeat; background-size: 1em 20.4em; background-position: 0 -12.0em;}
.cubeicon, TR.new TH SPAN {border: 0; padding: 0 0 0 1em; background-image: url('hexGlyphs.gif'); background-repeat: no-repeat; background-size: 1em 20.4em; background-position: 0 -13.2em;}
.reply {border: 0; padding: 0 0 0 1em; background-image: url('hexGlyphs.gif'); background-repeat: no-repeat; background-size: 1em 20.4em; background-position: 0 -14.4em;}
.forward {border: 0; padding: 0 0 0 1em; background-image: url('hexGlyphs.gif'); background-repeat: no-repeat; background-size: 1em 20.4em; background-position: 0 -15.6em;}
.compose {border: 0; padding: 0 0 0 1em; background-image: url('hexGlyphs.gif'); background-repeat: no-repeat; background-size: 1em 20.4em; background-position: 0 -16.8em;}
.logout{border: 0; padding: 0 0 0 1em; background-image: url('hexGlyphs.gif'); background-repeat: no-repeat; background-size: 1em 20.4em; background-position: 0 -18.0em;}
TR.noicon TH SPAN {border: 0; padding: 0 0 0 1em; background-image: url('hexGlyphs.gif'); background-repeat: no-repeat; background-size: 1em 20.4em; background-position: 0 -19.2em;}

P.info {border: 0; padding: 0 0 0 1em; background-image: url('hexGlyphs.gif'); background-repeat: no-repeat; background-size: 1em 20.4em; background-position: 0 -7.2em;}

TR.unread TD * {font-weight: bold}
TR.read TD * {font-weight: normal}
TR.new TD * {font-weight: bold}