body {
  background-color: #AAAAAA;
  margin: 20px;
  font-size: 12px;
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

td {
  vertical-align: top;
  padding: 0px;
  margin: 0px;
}

img {
  border-width: 0px;
}

table {
  border-collapse:	collapse;
  padding: 0px;
  margin: 0px;
}

div.main {
  border: 5px solid #000000;
   
  width: 950px; 
  height: auto;
  margin-left:auto; 
  margin-right:auto;
}

td.mainHead {
  background-image: url('/img/xz/head.png');
  background-repeat: no-repeat;
  background-color: #EEEEEE;
  width: 950px;
  height: 110px;
  border-bottom: 2px solid #000000;
}

td.mainLeft {
  width: 150px;
  height: 400px;
  background-color: #EEEEEE;
  border-right: 2px solid #000000;
  padding: 8px;
}

td.mainCon {
  width: 700px;
  background-color: #FFFFFF;
  border-right-width: 5px;
  padding: 8px;
}

td.mainSubFootLeft, td.mainSubFootRight {
  height: 24px;
}

td.mainSubFootLeft {
  background-color: #EEEEEE;
  border-right: 2px solid #000000;
}

td.mainSubFootRight {
  background-color: #FFFFFF;
}


td.mainFoot {
  background-color: #EEEEEE;
  height: 24px;
  border-top: 2px solid #000000;
  vertical-align: middle;
}

div.menu {
}

div.user, div.userOnline {
  background-color: #DDDDDD;

  display: inline; /* IE dubbel margin bug workaround */

  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 12px;
  margin-right: 16px;
  
  padding: 5px;
  
  width: 165px;
  height: 44px;
  font-size: 10px;
  float: right;
  
  border-width: 2px;
  border-style: solid;
  border-top-color: #000000;
  border-left-color: #000000;
  border-right-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}

div.userOnline {
}

div.copyRight {
  text-align: center;
  color: #000977;
  width: 100%;
  font-weight: bold;
}

table.logon {
  width: 100%
}

td.logonLeft, td.logonRight {
  height: 20px;
  text-align: left;
  vertical-align: middle;
}

td.logonLeft {
  width: 75px;
}

td.logonRight {
  
}

input.name, input.pass {
  height: 16px;
  font-size: 10px;
  padding: 0px;
  margin: 0px;
  border: 2px solid #000000;
}

input.name:hover, input.pass:hover {
  border-color: #FF0000;
}

input.name {
  width: 80px;
}

input.pass {
  width: 50px;
}

input.logon {
  width: 50px;
  height: 20px;
  width: 30px;
  border-style: none;
  background-color: #DDDDDD;
  font-size: 10px;
  cursor: pointer;
}

p.onlineNav {
  font-size: 9px;
  text-align: center;
}

p.onlineGr {
  text-align: center;
}

div.browseInfo {
  font-size: 12px;
  
  width: 140px;
  margin-left: auto;
  margin-right: auto;
  
  padding: 8px;
  
  text-align: center;
}

div.menuBlock {
  width: 150px;
  margin-left: auto;
  margin-right: auto;

  border: 1px solid #000977;
  
  margin-bottom: 12px;
}

div.menuItem0 {
  height: 24px;
  text-align: center;
  background-color: #000977;
}

div.menuItem1 {
  height: 20px;
  text-align: center;
  background-color: #FFFFFF;
}

a.menuItem0 {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}

a.menuItem1 {
  color: #000000;
  text-decoration: none;
  font-size: 12px;
}

a.menuItem0:hover, a.menuItem1:hover {
  color: #FF0000;
}

p.conTitle, p.errorCap, p.errorMsg {
  padding: 0px;
  margin: 0px;
  margin-bottom: 12px;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
}

p.conSubTitle {
  padding: 0px;
  margin: 0px;
  margin-bottom: 8px;
  text-align: center;
  font-size: 22px;
  font-style: italic;
}

p.center {
  text-align: center;
}

div.conText {
  margin-top: 16px;
}

p {
  padding: 0px;
  margin: 0px 0px 8px 0px;
}

p.errorCap {
  color: #FF0000;
  font-weight: bold;
}

p.errorMsg {
  color: #FF0000;
  font-size: 20px;
}

a {
  color: #000977;
  text-decoration: none;
}

a:hover {
  color: #FF0000;
}

div.conFoot {
  float: right;
  font-size: 10px;
  margin-right: 4px;
}

div.dataSelUser {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  text-align: center;
}

div.datList {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
}

div.datListAdd {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  text-align: center;
}

td.datListCheckCap, td.datListFileCap, td.datListUpCap, td.datListLastCap, td.datListCntCap {
  background-color: #000977;
  color: #FFFFFF;
  border: 1px solid #000000;
  text-align: center;
  vertical-align: middle;
  height: 20px;
}

td.datListCheckCap {
  width: 15px;
}

td.datListFileCap {
}

td.datListUpCap {
  width: 150px;
}

td.datListLastCap {
  width: 150px;
}

td.datListCntCap {
  width: 30px;
}

td.datListCheck, td.datListFile, td.datListUp, td.datListLast, td.datListCnt, td.datListBtns {
  background-color: #EEEEEE;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  padding: 4px;
}

td.datListCheck, td.datListUp, td.datListLast, td.datListCnt, td.datListBtns {
  text-align: center;
}

td.datListBtns {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;

  text-align: center;
  height: 32px;
  vertical-align: middle;
}

td.aprFlowCol {
  width: 200px;
  text-align: center;
  vertical-align: middle;
}

td.aprDescrCol {
  text-align: left;
}

td.conFldCol {
  width: 150px;
  text-align: left;
}

td.conValCol {
  width: 400px;
  text-align: left;
}

div.cv {
  width: 700px;
  margin-left:auto; 
  margin-right:auto;
}

td.cvkop2l {
  background-color: #000977;
}

td.cvkop2r {
  background-color: #000977;
  color: #FFFFFF;
  font-size: 20px;
  text-align: left;
}

td.cvl {
  font-style: italic;
  font-size: 10px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

td.cvm {
  background-color: #000977;
  width: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

td.cvr {
  vertical-align: top;
  padding-left: 5px;
  padding-right: 5px;
}

td.cvsep {
  font-size: 1px;
  height: 8px;
}

td.cvsepm {
  background-color: #000977;
  width: 10px;

  font-size: 1px;
  height: 8px;
}

td.serviceNames {
  width: 150px;
}