body {
  margin-top: 2pt;
  background: white;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: normal;
}

/* miscellaneous */
caption {
  font-weight: bold;
}

h1 {
  clear: left;
  font-size: 150%;
  font-weight: bold;
  margin-top: 1px;
  margin-bottom: 1px;
  text-align: left;
  padding-left: 5px;
  color: black;
/*   background: blue; */
/* background: #00fff6; */
background: #0097ff;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

table {
  margin: 0;
}
th {
  text-align: center;
  color: black;
  background: #cceeff;
}
tr {
}
tr.even td {
  text-align: left;
  color: black;
  background: #dddddd;
}
tr.odd td {
  text-align: left;
  color: black;
  background: #eeeeee;
}
td {
  padding: 1px;
  vertical-align: top;
}

/* actionbar */
div.actionbar {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background: url(images/bg.gif) repeat-x bottom;
  height: 25px;
}
div.actionbar .left {
  float: left;
}
div.actionbar .right {
  float: right;
}
div.actionbar p {
  margin-top: 0pt;
  margin-bottom: 0pt;
}

/* body */
div.body {
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black; 
  text-align: left;
  padding: 1px;
  background: white;
}

/* help */
div.help {
  background: transparent;
}
div.help p {
  margin-top: 0pt;
  margin-bottom: 2pt;
  text-align: right;
}

/* inner */
div.inner {
  border-bottom: 1px solid black;
}
div.inner table {
  width: 100%;
  margin-top: 1px;
  margin-bottom: 1px;
  background: white;
}
div.inner tr {
  text-align: left;
  color: black;
}
div.inner td {
  padding-left: 3px;
  text-align: left;
}
div.inner td.label {
  font-weight: bold;
  padding-right: 5px;
  padding-left: 5px;
  text-align: right;
  width: 25%;
}

/* link */
div.link {
  border-bottom: 1px solid black;
}
div.link table {
  width: 100%;
  margin-top: 1px;
  margin-bottom: 1px;
  background: white;
}
div.link tr {
  text-align: left;
  color: black;
  background: #eeeeee;
}
div.link td {
  padding-left: 3px;
  text-align: left;
  vertical-align: middle;
}
div.link td.label {
  padding-right: 5px;
  padding-left: 5px;
  text-align: right;
  width: 25%;
  font-weight: bold;
  font-style: italic;
  color: white;
  background: #aaaaaa;
}

/* main */
div.main {
  border-bottom: 1px solid #000000;
  background: transparent;
}
div.main table {
  width: 100%;
  margin-top: 1px;
  margin-bottom: 1px;
  background: white;
}
div.main tr {
  text-align: left;
  color: black;
  background: #eeeeee;
}
div.main td {
  padding-left: 3px;
  text-align: left;
}
div.main td.label {
  text-align: right;
  font-style: italic;
  font-weight: bold;
/*   color: white; */
/*   background: gray; */
  color: black;
  background: #bababa;
}

/* many */
div.many {
  border-bottom: 1px solid #000000;
}
div.many table {
  width: 100%;
  margin-top: 1px;
  margin-bottom: 1px;
  background: white;
}
div.many tr {
  text-align: left;
  color: black;
  background: #eeeeee;
}
div.many td {
  padding-left: 3px;
  text-align: left;
}
div.many td.label {
  text-align: right;
  font-style: italic;
  font-weight: bold;
  color: white;
  background: gray;
}

/* menubar */
#menubar {
  width: 100%;
  line-height: normal;
   background:  url(images/bg.gif) ; 
/*   background-color: yellow; */
/*    border-style: solid;  */
/*   border-color: #ffffff;  */
  float: left;
}
#menubar ul {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  /*padding-right: 1px;*/ 
  margin: 0px; 
  list-style-type: none;
}
#menubar li {
  background: url(images/left.gif) no-repeat left top; 
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 4px; 
  padding-right: 0px;
  margin: 0px;
  float: left;
}
#menubar a {
  background: url(images/right.gif) no-repeat right top;
  padding-top: 5px; 
  padding-bottom: 4px; 
  padding-left: 6px; 
  padding-right: 10px; 
  display: block; 
  color: #765;
  text-decoration: none;
  white-space: nowrap;
}
#menubar a:hover {
	color: black;
}
#menubar .inactive {
	border-bottom: 1px solid black;
}
#menubar .active {
  background-image: url(images/left_on.gif);
  border-bottom: solid 1px white;
}
#menubar .active a {
  background-image: url(images/right_on.gif);
}
#menubar p.filler {
/*   display: inline; */
}

/* menustack (aka 'breadcrumbs) */
#menustack-outer {
  clear: both;
  margin-right: 2px;
  background: #dae0d2 url(images/bg.gif) repeat-x bottom;
  margin-top: -2.5pt;
}
#menustack {
/*   clear: left; */
  width: 100%; 

  
  line-height: normal;

/*   background-color:    yellow; */
  padding-bottom: 0pt;
  border-left: 1px solid;
  border-right: 1px solid ;
  border-bottom: 1px solid ; 
}
#menustack ul {
  padding-top: 0pt;
  padding-bottom: 0pt;
  padding-left: 0pt;
  padding-right: 0pt;
  margin: 0px;
  list-style-type: none;
}
#menustack li {
  padding: 0px; 
  margin: 0px;
  float: left; 
  display: block;
  text-decoration: none;
  white-space: nowrap;
}
#menustack li a {
  color: blue;
  text-decoration: none;
  white-space: nowrap;
}
#menustack p {
  padding: 0pt;
  margin: 0pt;
}

/* errmsg */
div.errmsg {
  margin-top: 1px;
  margin-bottom: 1px;
  text-align: center;
  background: url(images/bg.gif) repeat-x bottom;
}
div.errmsg p {
  margin-top: 0pt;
  margin-bottom: 1pt;
  color: red;
  background: url(images/bg.gif) repeat-x bottom;
}
/* infomsg */
div.infomsg {
  margin-top: 1px;
  margin-bottom: 1px;
  text-align: center;
  background: url(images/bg.gif) repeat-x bottom;
}
div.infomsg p {
  margin-top: 0pt;
  margin-bottom: 1pt;
  color: green;
  background: url(images/bg.gif) repeat-x bottom;
}

/* navbar */
div.navbar {
  border-bottom: 1px solid #000000;
 /* background: transparent;*/
  background: url(images/bg.gif)  repeat-x top bottom;

}
div.navbar p.selection {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
  text-align: left;
   background: url(images/bg.gif) repeat bottom;
  
 /* background: #dddddd;*/
}
div.navbar p.show {
  float: right;
  margin-top: 1px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 4px;
  text-align: right; 
 
  
 /* background: #dddddd;*/
}
div.navbar p.show a {
  font-weight: bold;
   background: url(images/bg.gif) repeat bottom;
}



.button{
/*background: url(icon/button_lp.gif)   ; */
text-align: center;
}


div.navbar p.withselection {
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: left;
  background: url(images/bg.gif) repeat bottom;
  

}


div.navbar p.withoutselection {
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: left;
  background: url(images/bg.gif) repeat bottom;
  
 
}

/* outer */
div.outer {
  margin-top: 1px;
  margin-bottom: 0px;
  border-bottom: 1px solid #000000;
  background: transparent;
}
div.outer table {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  background: white;
}
div.outer tr {
  margin-top: 1px;
  margin-bottom: 1px;
  color: black;
  background: #eeeeee;
}
div.outer td.label {
  text-align: right;
  font-style: italic;
  font-weight: bold;
  width: 25%;
  color: white;
  background: gray;
}
div.outer td {
  padding-left: 3px;
  text-align: left;
}

/* pagination */
div.pagination {
  margin-top: 1px;
  margin-bottom: 1px;
  text-align: center;
  background: url(images/bg.gif) repeat left bottom;
}
div.pagination p {

}

/* picker */
div.picker-text {
  float: left;
}
div.picker-image {
  float: left;
  margin-left: 5px;
}
div.picker-button {
  float: left;
  margin-left: 5px;
}

/* popup */
div.popupbutton {
  float: left;
  margin-left: 10px;
}
div.popuptext {
  float: left;
}

/* scrolling */
div.scrolling {
  margin-top: 1pt;
  margin-bottom: 1pt;
  text-align: center;
  background: url(images/bg.gif) repeat left;
}
div.scrolling p {
}

/* scripttime */
p.scripttime {
  margin-top: 1pt;
  margin-bottom: 0pt;
  text-align: center;
  color: black;
  background: #dddddd;
}

/* universe */
div.universe {
  margin-top: 5px;
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* workitem */
div.workitem_role {
  border-bottom: 1px solid #000000;
  padding-top: 4pt;
  padding-bottom: 0pt;
  background: #FFFF99;
}
div.workitem_role h2 {
  font-size: 100%;
  margin-top: 0pt;
  margin-bottom: 0pt;
  margin-left: 1em;
  padding-top: 0pt;
  padding-bottom: 2pt;
}
div.workitem_role p {
  margin-left: 2em;
  margin-top: 0pt;
  margin-bottom: 0pt;
  padding-top: 2pt;
  padding-bottom: 2pt;
}
div.workitem_user {
  border-bottom: 1px solid #000000;
  padding-top: 4pt;
  padding-bottom: 0pt;
  background: #FFFF99;
}
div.workitem_user h2 {
  font-size: 100%;
  margin-top: 0pt;
  margin-bottom: 0pt;
  margin-left: 1em;
  padding-top: 0pt;
  padding-bottom: 2pt;
}
div.workitem_user p {
  margin-left: 2em;
  margin-top: 0pt;
  margin-bottom: 0pt;
  padding-top: 2pt;
  padding-bottom: 2pt;
}

/* HTML controls */
input.submit {
} 

input.radio {
  background-color: transparent;
  color: black;
}

input.checkbox {
  background-color: transparent;
  color: black;
  
} 

input.text {
  background-color: white;
  color: black;
} 

input.password {
  background-color: white;
  color: black;
} 

select {
  background-color: white;
} 

select option {
  background-color: transparent;
  color: black;
} 

textarea {
  background-color: white;
  color: black;
} 

/* genric classes */
.border0 {
  border-width: 0px;
}
.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.error {
  clear: left;
  font-style: italic;
  font-weight: normal;
  color: red;
  background: transparent;
}
.justify {
  text-align: justify;
}
.left {
  text-align: left;
}
.nowrap {
  white-space: nowrap;
}
.required {
  font-size: 130%;
  vertical-align: bottom;
  color: red;
  background: transparent;
}
.right {
  text-align: right;
}
.icon_image{
width: 22px;
height: 22px;
}
.folder_image{
width: 20px;
height: 15px;
}