/*
Used by the app index.html
*/
body {
  font-size:100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  background-color: #888888
}

.ui-widget   {
  font-size:0.75em;
}

table {
  font-size:1em;
  color:#333333; /* fcContent= */
}
/* Composite Password Widget classes */
.cpw-input-init {
  color:#aaaaaa;  /* .bgColorOverlay= or bgColorShadow= */
}
.cpw-input {
  color:black; /* color when entering input */
}
.info {
  font-size:.75em;
  font-style:italic;
}

.main-title {
  font-size:1.0em;
  font-style:italic;
  background-color: white; /* not sure this matters */
  padding:5px;
  margin-bottom: 5px;
}

.subtitle {
    font-size:0.6em;
    font-style:italic;
    font-variant:small-caps;
    color:#999999; /* iconColorHeader= */
}

#mainmenu {
  margin:0 0 5px 0;
}
#mainmenu li {
  display:inline;
  border-style:solid;
  border-width:0 2px 0 0;
  padding: 0 5px 0 5px;
  text-decoration:none; 
  cursor:pointer;
  position:relative;
}

#nav, #searchNav {
    margin:0px;
    padding:5px;
    list-style:none;
}
#nav li a:hover, #searchNav li a:hover {
    color:eeeeee; /* contrast to fcHeader=  */
}

#searchNav {
    display:inline;
}

#nav ul, #searchNav ul  {
    position:absolute;
    display:none;
    left:0px;
    top:1em;
    list-style:none;
    padding: 5px;
    margin: 2px;
    border-style:solid;
    border-width:2px;
    background-color:#dddddd; /* bgColorHeader=  or borderColorHeader=*/ 
    z-index:1;         
}
#nav ul li, #searchNav ul li {
  display:block;
  border-style:solid;
  border-width: 0px 0px 1px 0px;
  border-color: #444444;   /* menu divider color */
  text-decoration:none; 
  cursor:pointer;
}
#nav ul li:hover, #searchNav ul li:hover {
    color:black;
}

#mainmenu a {
  text-decoration:none; 
}

#entryTable td{
  margin:0 0 5px;
  padding:5px;
}
.entry-title {
  font-weight:bold;
}

.entry-command {
  cursor:pointer;
  padding: 3px;
}
#readOnlyPassword {
  -webkit-user-select:text;
  border:none;
  /* make the read-only password more like a label than input */
  background-color:gray;
  color:white;
}

.ps-icon {
/*
same as
.ui-widget-header .ui-icon {background-image: ...; } 
*/
    background-image:url("../jquery/css/images/ui-icons_999999_256x240.png");
    display:inline-block;
    height:16px;
    width:16px;
}
.ps-icon:hover {
/*
same as
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(...); }
*/
    background-image:url("../jquery/css/images/ui-icons_3383bb_256x240.png");
}
#timerMessage {
    font-size:0.75em;
    left: 4.5em;
    top: 1.2em;
    position:absolute;
    color:#999999; /* iconColorHeader= */
    cursor:auto;
}
#timerMessage:hover {
    color:#444444; /* fcHeader=*/
}
#addMinute {
    background-position: -0px -48px;
}
#stopTimer {
    background-position: -96px -160px;
}
#search {
    background-position: -160px -112px; 
}
#showAll {
    background-position: -32px -192px;
}
.link {
    color:#882222; /* same as in passplace.css .content a etc */
    text-decoration:none;
}
.link:visited {
    color:#882222;
    text-decoration:none;   
}
.link:hover {
    color:#882222;
    text-decoration:underline;
}