body {
    font: 94% Verdana, Lucida, Helvetica, Arial, sans-serif;
}
em.del { 
      font-style: normal;
      text-decoration: line-through;
      color: #c00;
      display: inline;
 }

em.add { 
      font-style: normal;
      color: #00b;
      display: inline;
 }

em.delhide { 
      display: none;
}

em.addhide { 
      display: none;
 }

.highlight { 

background: #F0ECB3;
color: #000;
 }
.box {
	padding: 5px;
    border-color: #8cacbb;
    border-width: 1px;
    border-style: solid;
}
.admin {
background: #FFFFCC;
}
.h1 {
font-size: 160%;
font-weight: bold;
}

.a1 {
background: #FFFFCC;
}
.a2 {
background: #FFFF99;

}
.a3 {
background: #FFFF66;

}
.a4 {
background: #FFFF33;

}
.a5 {
background: #FFFF00;

}
.a6 {
background: #FFCC66;

}
.a7 {
background: #FC3;

}
.a8 {
background: #FC0;

}
.a9 {
background: #F96;

}
.a10 {
background: #F93;

}
.a11 {
background: #F90;

}
.a12 {
background: #F66;

}
.a13 {
background: #F63;

}
.a14 {
background: #F60;
}
.a15 {
background: #F36;
}
.a16 {
background: #F33;
}
.a17 {
background: #F30;
}
.a18 {
background: #F06;
}
.a19 {
background: #F03;
}
.a20 {
background: #F00;
}
.a21 {
background: #C00;
color: #FFF;
}
.a22 {
background: #900;
color: #FFF;
}
.a22 {
background: #600;
color: #FFF;
}
.a23 {
background: #300;
color: #FFF;
}


#bottombar {
font-size: smaller;
}

.noteUser {
font-size: smaller;
font-style: italic;
}

#topbar {
padding-left: 2%;
padding-right: 2%;
padding: 3px 2% 3px 2%;
/* background: #CCCCCC; */
/* background: #dee7ec; */
background: #FFFFFF;
color: #000;
/* position: fixed; */
width: 96%;
font-size: smaller;
/* left: 0; */
/* top: 0; */
z-index: 100;
}

#topbar {
background-color: #dee7ec;
color: #000;
}

#portal-globalnav {
    background-color: #FFFFFF;
    padding: 0em 0em 0em 2em;
    white-space: nowrap;
    list-style: none;
    margin: 0;
    height: auto;
    line-height: normal;
}

#portal-globalnav li {
    display: inline;
}


#portal-globalnav li a {
    /* The normal, unselected tabs. They are all links */
    background-color: #FFFFFF;
    border-color: #8cacbb;
    border-width: 1px;
    border-style: solid solid none solid;
    color: #436976;
    height: auto;
    margin-right: 0.5em;
    padding: 0em 1.25em;
    text-decoration: none;
    text-transform: lowercase;
}

#portal-globalnav li.selected a {
    /* The selected tab. There's only one of this */
    background-color: #dee7ec;
    border: 1px solid #8cacbb;
    border-bottom: #dee7ec 1px solid;
    color: #436976;
}

#portal-globalnav li a:hover {
    background-color: #dee7ec;
    border-color: #8cacbb;
    border-bottom-color: #dee7ec;
    color: #436976;
}


/* help here from Eric Bednarz and his 
http://tagsoup.com/-dev/null-/css/fixed/legacy/fixed4all.css
*/

div#topbar
  {
color: #000;
background: #dee7ec;
/*  background: transparent; */
/* background: #FFFFFF; */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 96%;
  }
div#topbar p
  {
background: #dee7ec;
/*   background: transparent; */
  margin: 0;
  padding: 1em;
  border: 1px solid #000;
  color: #000;
  background: #eee;
  }
@media screen
  {
  div#topbar
    {
    position: fixed;
    }
  /* Don't do this at home */
  * html
    {
    overflow-y: hidden;
    }
  * html body
    {
    overflow-y: auto;
    height: 100%;
    padding: 0 1em 0 1em;
    font-size: 100%;
    }
  * html div#topbar
    {
    position: absolute;  
    }
  /* All done. */
  }


.statustext {
background: #dee7ec;
color: #000;
/*  background: transparent; */
float: left;
/* width: 70%; */
}
.login {
background: #dee7ec;
color: #000;
/*  background: transparent; */
float: right;
text-align: right;
}

.noteLive { 
background: #ff99ff;
color: #000;
 }

#maintext { 
/* 	float:left; */
	margin-left: 3em;
        margin-top: 2em;
/*         float: left;  */
        width: 50%;
	color: #000;
 }

#readsaymain {
	margin-left: 3em;
        margin-top: 2em;
        float: left;
        width: 80%;
}
::-moz-selection{
        background:#f1efb9;
        color:#000;
}

::selection {
        background:#f1efb9;
        color:#000;
}

.highlight::-moz-selection {
        background: #AF0078;
        color:#fff;
}

.highlight::selection {
        background: #AF0078;
        color:#fff;
}

.noteify { 
font-size: smaller;
left: 55%;
float: right;
position: absolute;
z-index: 90;
background: #f0ecb3;
color: #000;
 }

.annotation { 
font-size: 10pt;
color: #000;
font-weight: normal;
position: absolute;
left: 55%;
width: 40%;
border: 1px solid #FFFF00;
background: #f0ecb3;

 }
.notegroup {
position: absolute;
left: 55%;
width: 40%;
}
.newannotation { 
font-size: 10pt;
color: #000;
width: 100%;
position: inline;
font-weight: normal;
border: 1px dashed #EEE;
/* background: #F0ECDF; */ /* f0ecb3; */
background: #F5F5F5;

}

.noteClose { 
font-size: 10pt;
color: #000;
font-weight: normal;
border: 1px solid #FFFF00;
text-align: right;
 }

.Drafter {
background: #F0F0F0;
}
.Issues {
background: #A3FFD6;
}

textarea { 
background-color: #f0ecb3;
color: #000;
 }
input.addnote { 
background-color: #f0ecb3;
color: #000;
 }
select {
/* background-color: #f0ecb3; */
color: #000;
}

p { 
 clear:right;
}

.annoteButton {
background-color: #f0ecb3;
}

.error {
color: red;
font-weight: bold;
}

.ontextLabel {
font-weight: bold;
font-size: smaller;
}

.ontextText {
font-style: italic;
/* font-size: smaller; */
}

.onecomment {
border: 1px dotted #ccc; 
padding: 1.5em .5em .5em 2em;
/* background: #ffffcc; */
}

.onecomment a {
text-decoration: none;
}

.inputcaption {
font-size: 70%;
color: #555;
}

.indent {
margin-left: 4em;
}

.TktLabel {
font-size: 85%;
color: #444;
font-weight: bold;
}

.sectTitle {
font-weight: bold;
font-size: 120%;
color: #666;
}

.sub {
font-size: 90%;
color: #777;
}


#portlet-dogear {
    position: absolute;
    right: 100%;
    top: 2.5em;
    overflow: visible;
    height: 120px;
    width: 120px;
    margin: 0 -120px 0 0;
    padding: 0;
    z-index: 1;
    border: none;
    float: none;
}

#portlet-dogear .portletBody {
    border: none;
}

#portal-logo {
    position: relative;
    background: url(http://gplv3.fsf.org/logo.jpg) no-repeat;
    border: 0;
    top: 20px;
    margin: 0.75em 0em 0.75em 130px;
    padding: 0;
    height: 40px;
}

#portal-logo a {
    display: block;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    padding-top: 51px;
    height: 0px !important;
    height /**/: 51px;
    width: 127px;
    cursor: pointer;
    z-index: 1;
} 


#portal-header {
    height: 129px;
}

#portal-globalnav {
    background-color: transparent;
    padding: 0em 0em 0em 0em;
    white-space: nowrap;
    list-style: none;
    margin: 0;
    margin-top: 65px;
    height: auto;
    line-height: normal;
    text-align: center;
 
}


#portal-globalnav li a {
    /* The normal, unselected tabs. They are all links */
    background-color: transparent;
    border-color: #8cacbb;
    border-width: 1px;
    border-style: solid;
    color: #436976;
    height: auto;
    margin-right: 0.5em;
    padding: 0em 1.25em;
    text-decoration: none;
    text-transform: none;
}

#portal-globalnav li.selected a {
    /* The selected tab. There's only one of this */
    background-color: #dee7ec;
    border: 1px solid #8cacbb;
    color: #436976;
}

#portal-globalnav li a:hover {
    background-color: #dee7ec;
    border-color: #8cacbb;
    color: #436976;
}

#portal-personaltools {
    /* Bar with personalized menu (user preferences, favorites etc) */
    background-color: #CCC;
    border-top-color: #CCC;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #CCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    line-height: 1.6em;
    color: Black;
    padding: 0em 3em 0em 3em;
    margin: 0;
	margin-top: 5px;
    text-align: right;
    text-transform: none;
    list-style: none;
}

.formHelpIsh {
font-size: 90%; 
/* color: red; */
font-weight: bold;
/* text-decoration: blink; */
margin: 0 0 0.2em 0;
}

.date {
font-size: 90%;
font-weight: normal;
color: #5F5F5c;
}

/* .formHelpIsh:hover {
     color: #000;
     cursor: default;
} */
#portal-personaltools .portalUser {
    background: transparent url(http://gplv3.fsf.org/user.gif) center left no-repeat;
    padding-left: 15px;
}

#portal-personaltools .portalNotLoggedIn {
    /* Used on all descriptions relevant to those not logged in */
    color: Black;
    padding: 0;
    background: transparent;
    background-image: none;
}

#portal-personaltools li {
    background: transparent url(http://gplv3.fsf.org/linkOpaque.gif) center left no-repeat;
    padding-left: 8px;
    color: #436976;
    margin-left: 1em;
    display: inline;
}

#portal-personaltools li a {
    text-decoration: none;
    color: #436976;
}

#portal-personaltools .visualIconPadding {
    padding-left: 10px;
}

#portal-footer {
    background-color: #dee7ec;
    border-top: 1px solid #8cacbb;
    border-bottom: 1px solid #8cacbb;
    float: none;
    line-height: 1.2em;
    margin: 2em 0em 1em 0em;
    padding: 0.5em 0em 1em 0em;
    text-align: center;
}