
html {
   margin:0;
   padding:0;
}
body {
   background-color:rgb(160,160,180);
   color:rgb(0,0,0);
   margin:0;
   padding:5px;
   font-family:Arial;
   font-size:14px;
}
hr {
   border:0;
   background-color:rgb(0,0,0);
   height:2px;
   margin:5px;
   clear:both;
}
img {
   border:0;
   vertical-align:middle;
}
a {
   text-decoration:none;
   color:#00F;
}
a:hover,
a:active {
   color:#B00 !important;
}


/******************************************************************************/
#linkBox {
   position:relative;
   border:1px solid rgb(0,0,0);
   background-color:rgb(255,255,255);
   margin:0;
   border-top:0;
   padding:2px 5px 2px 5px;
}


#linkBox > #list {
   display:block;
}


/* alternate list bg */
#linkBox > #list > ul > li:nth-child(2n+0) {
   background-color:rgb(255,255,255);
}
#linkBox > #list > ul > li:nth-child(2n+1) {
   background-color:rgb(235,235,235);
}


#linkBox > #list > ul {
   display:table;
   width:100%;
   list-style:none;
   margin:0;
   padding:0;
}
#linkBox > #list > ul > li {
   display:table-row;
}
#linkBox > #list > ul > li > span {
   display:table-cell;
   padding:1px 2px;
   width:0;
   vertical-align:middle;
}
#linkBox > #list > ul > li > span.id {
   font-size:80%;
   text-align:right;
}
#linkBox > #list > ul > li > span.action,
#linkBox > #list > ul > li > span.time,
#linkBox > #list > ul > li > span.date  {
   white-space:nowrap;
}
#linkBox > #list > ul > li > span.time,
#linkBox > #list > ul > li > span.date  {
   font-size:80%;
}


/* show date on new day only */
#linkBox > #list > ul > li > span.time > span.date {
   visibility:hidden;
}
#linkBox > #list > ul > li.newDay > span.time > span.date {
   visibility:visible;
}



#linkBox > #list > ul > li > span.action > button {
   display:inline-block;
   font-family:inherit;
   font-weight:bold;
   margin:0;
   padding:0;
   width:12px;
   height:12px;
   border:2px outset #888;
   border-radius:100px;
   background-color:transparent;
   cursor:pointer;
   font-size:0;
   vertical-align:middle;
}
#linkBox > #list > ul > li > span.action > button::-moz-focus-inner {
   padding:0;
   border:0;
}
#linkBox > #list > ul > li > span.action > button:hover {
   background-color:#FDB;
   border-color:#F00;
}
#linkBox > #list > ul > li > span.action > button:active {
   background-color:#FDB;
   border-style:inset;
}


#linkBox > #list > ul > li > span.action > button[name=del] {
   background-color:#B88;
}
#linkBox > #list > ul > li > span.action > button[name=edit] {
   background-color:#88B;
}

#linkBox > #list > ul > li > span.icon > img {
   max-width:16px;
   max-height:16px;
   vertical-align:-3px;
}
#linkBox > #list > ul > li > span.title {
   width:auto;
   position:relative;
}
#linkBox > #list > ul > li > span.title > a:visited {
   color:#333;
}


/* new day */
#linkBox > #list > ul > li.newDay > span {
   border-top:1px solid #888;
}




#headerBox {
   border:1px solid rgb(0,0,0);
   padding:2px 5px 2px 5px;
   background-color:rgb(255,255,255);
}


#backupBoxSuccess {
   border:1px solid rgb(0,0,0);
   padding:2px 5px 2px 5px;
   background-color:rgb(224,255,224);
}
#backupBoxFailure {
   border:1px solid rgb(0,0,0);
   padding:2px 5px 2px 5px;
   background-color:rgb(255,224,224);
}
#backupFtpBoxSuccess {
   border:1px solid rgb(0,0,0);
   padding:2px 5px 2px 5px;
   background-color:rgb(224,255,224);
}
#backupFtpBoxFailure {
   border:1px solid rgb(0,0,0);
   padding:2px 5px 2px 5px;
   background-color:rgb(255,224,224);
}


#adminForm {
   display:inline-block;
   margin-left:20px;
}
#adminForm input[type=password],
#adminForm input[value=Logon] {
   border-color:rgb(128,0,0);
   background-color:rgb(192,128,128);
}
#adminForm input[value=Logout] {
   border-color:rgb(0,96,0);
   background-color:rgb(128,192,128);
}


#searchForm {
   display:inline-block;
}
#searchForm input[type=text] {
   width:250px;
}


#addEditDelForm {
}
#addEditDelForm input[type=text] {
   width:80%;
}
#addEditDelForm input[type=submit] {
   margin-left:20px;
}
#addEditDelForm input[type=submit][value=Add] {
   background-color:rgb(128,192,128);
}
#addEditDelForm input[type=submit][value=Edit] {
   background-color:rgb(128,128,192);
}
#addEditDelForm input[type=submit][value=Delete] {
   background-color:rgb(192,128,128);
}




.pageBox {
   display:table;
   margin:5px 0;
}


.pageBox > span {
   display:table-cell;
   vertical-align:middle;
   padding:0 2px;
}


.pageBox > span.count {
   font-size:80%;
}


.pageBox > span.links > a,
.pageBox > span.links > span {
   font-size:80%;
   padding:1px;
   margin:1px;
   border:1px solid #000;
   border-radius:4px;
   min-width:16px;
   text-align:center;
   opacity:0.4;
   background:-moz-linear-gradient(-45deg,#FFF,#779);
   float:left;
}
.pageBox > span.links > a:hover {
   opacity:1;
}
.pageBox > span.links > .prev,
.pageBox > span.links > .next {
   padding:1px 8px;
}


.pageBox > span.links > a.active {
   opacity:1;
   font-weight:bold;
   color:#000;
}


#backupForm {
   display:inline;
}


#messageBox {
   border:1px solid rgb(0,0,0);
   padding:2px 5px 2px 5px;
   background-color:rgb(240,220,200);
}