body { background-color: #fff; color: #333; }

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

pre {
  background-color: #eee;
  padding:   10px;
  font-size: 11px;
}

sup {
  font-size: smaller;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width:   400px;
  border:  2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom:  20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align:  left;
  font-weight: bold;
  padding:     5px 5px 5px 15px;
  font-size:   12px;
  margin:    -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

select.combobox {
  width: 200px;
  margin-left:  auto;
  margin-right: auto;
}

/*---------------------------------
         List/Title Tables [start]
  ---------------------------------*/
.titleTable  th {
  padding: 2px;
  font-weight: bold;
  border-right: 1px solid #C7C7C7;
  border-bottom: 1px solid #C7C7C7;
  background: #b3ccff;
  text-align: center;
  white-space: nowrap;
}

.titleTable td {
  padding: 2px;
  border-right: 1px solid #C7C7C7;
  border-bottom: 1px solid #C7C7C7;
  background: #f5faff;
  max-width: 500px;
}

.titleTable td.modified {
  background-color: orange;
}

.titleTable td.exists {
  background-color: pink;
}

.listTable {
  text-align: center;
}

.listTable th {
  background-color: #b3ccff;
  border-right: 1px solid #C7C7C7;
  border-bottom: 1px solid #C7C7C7;
}

.listTable th.modified {
  background-color: orange;
}

.listTable tr.even {
  background-color: #dce1e6;
}

.listTable tr.odd { }

table.hasBorder {
  border: 1px solid rgb(170, 170, 170);
}

/*------ List/Title Tables [end] -------*/



.center {
  margin:     10px auto 10px auto;
}


/*-------------------------------------------
   Preview Page: Remove Content Box [start]
  -------------------------------------------*/
div.removeBox {
  left:   80px;
  width:  550px;
  height: 70px;
  border-style : solid;
  border-width : 2px;
  margin:  50px auto 50px auto ;
  padding-bottom: 1px;
}

div.removeTitle {
  padding: 5px;
  border-bottom-style : solid;
  border-bottom-width : 1px;
  height: 20px;
  background-color : #ffdc50;
  font-weight: bold;
  font-size: 1.2em;
}

div.removeBody {
  padding: 5px;
  padding-top: 10px;
  height: 25px;
  background-color : #ffe699;
}

div.removeBody span {
  margin-left: 20px;
}

div.removeBody input{
  margin-left: 40px;
}

/*-- Preview Page: Remove Content Box [end] --*/



/*-------------------------------------------
        Preview Page: Delete Box [start]
  -------------------------------------------*/
div.deleteBox {
  left:   80px;
  width:  550px;
  height: 70px;
  border-style : solid;
  border-width : 2px;
  margin:  50px auto 50px auto ;
  padding-bottom: 1px;
}

div.deleteTitle {
  padding: 5px;
  border-bottom-style : solid;
  border-bottom-width : 1px;
  height: 20px;
  background-color : #ffb5d9;
  font-weight: bold;
  font-size: 1.2em;
}

div.deleteBody {
  padding: 5px;
  padding-top: 10px;
  height: 25px;
  background-color : #ffcfe6;
}

div.deleteBody span {
  margin-left: 20px;
}

div.deleteBody input{
  margin-left: 50px;
}

/*------- Preview Page: Delete Box [end] ------*/


select.combobox {
  width: 300px;
  margin-left:  auto;
  margin-right: auto;
}


.listbox {
  width : 150px;
  height: 70px;
}


.login {
  height: 20px;     /* CAUTION: */
  padding-top: 25px;  /*   (height + padding-top) >= (height of logo.png) */
/*   margin: 0px; */
/*   padding: 0px; */

  text-align: right;
}


/*---------------------*
 *       MENUBOX       *
 *---------------------*/
.menubox{
  width: 735px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  font-weight: bold;
}
.menubar {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.menubar a:active{
  color:#76AFE6;
}
.menubar a:visited {
  color:#440044;
}
.menubar a:hover{
  color:#ffffff;
  font-weight: bold;
}

ul.menubar li{
  float: left;
  width: 105px;
  height: 20px;
  color: #5a5a5a;
  background-color: #ffffff;
  text-align: center;
  font-size: 1em;
}

/*  tab  */
ul.menubar li span {
  display: block;
  padding: 10px 2px 2px 2px;
  text-decoration: none;
  border: 1px solid #5a5a5a;
}

/* current tab */
ul.menubar li .tab1 {
  height: 26px;
  margin: 3px 1px 0px 0px;
  background-color: #4db3ff;
  color: #ffffff;
  border: 2px solid #5a5a5a;
  z-index: 5;
}
/* other tabs */
ul.menubar li .tab2 {
  position: relative;
  top: 4px;
  height: 25px;
  margin:   1px 1px 0px 0px;
  background-color: #80ccff;

  z-index: 1;
}
/*----- MENUBOX End -----*/


/*----------------------*
 *      Sub-MENUBOX     *
 *----------------------*/
.sub-menubox{
  width: 965px;
  height: 40px;
  padding: 0px;
  margin: 5px auto auto 20px;
  font-weight: bold;
}
.sub-menubar {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.sub-menubar a:active{
  color:#76AFE6;
}
.sub-menubar a:visited {
  color:#440044;
}


ul.sub-menubar li{
  float: left;
/*   width: 107px; */
  height: 20px;
  color: #5a5a5a;
  background-color: #ffffff;
  text-align: center;
  font-size: 1em;
}

/*  tab  */
ul.sub-menubar li span {
  display: block;
  padding: 5px 2px 2px 2px;
  text-decoration: none;
  border: 1px solid #5a5a5a;
}

/* current tab */
ul.sub-menubar li .tab1 {
  height: 20px;
  margin: 3px 1px 0px 0px;
  background-color: #b3ccff;
  color: #ffffff;
  border: 2px solid #5a5a5a;
  z-index: 5;
}
/* other tabs */
ul.sub-menubar li .tab2 {
  position: relative;
  top: 4px;
  height: 20px;
  padding-top: 3px;
  margin:   1px 1px 0px 0px;
  background-color: #f5faff;

  z-index: 1;
}
/*---- Sub-MENUBOX End ----*/


.separator {
  margin: 30px auto 30px auto;
}


table.fileType td {
  width: 150px;
}


/*-------------------------*
 *          Login          *
 *-------------------------*/
#version {
  width: 240px;
  text-align: right;
  margin-top: 5px;
}

/*------- Login END -------*/


/*------------------------------------*
 *       Breadcrumb List [start]      *
 *------------------------------------*/

#breadcrumb {
  margin:10px 0;
}
#breadcrumb li {
  display:inline;
  line-height:110%;
  list-style-type:none;
}

#breadcrumb li a {
  padding-right:10px;
  background:url(images/breadcrumb.gif) no-repeat right center;
}

/*-----  Breadcrumb List [end]  ------*/