/* Basic Structure
--------------------------------------------- */
#Body{ margin: 0px auto; width:96%; border 0; background-color:#FFF; }

#loginHead, #customer, #total, #work, #admin{
	background-color:#EEE;
}
#top{
	min-height:55px;
	_height:55px;
	background:#353535 url(../images/bg_header_left.gif) top left no-repeat;
	padding:20px 15px 0px 20px;
}



/*///////////////////////////////////////////////////////////////////////////////*/

.description {
  font-size: 12px;
  color: black;
}
.settingitem {
  margin-left: 20px;
  margin-bottom: 10px;
}
.settingname {
  color: black;
}
.warning {
  color: red;
  font-size: 14px;
  padding-left: 5px;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 630px;
}
.bigbutton button {
  border-width: 2px;
  padding: 10px;
  margin: 5px;
  width: 200px;
}
.popupbutton {
  border-width: 2px;
  padding: 5px 10px;
  margin: 5px;
}
button.command {
  border-width: 2px;
  padding: 5px;
  margin: 2px;
  font-size: 9px;
}
img.editicon {
  cursor: pointer;
  margin-bottom: -4px;
}
img.helpicon {
  cursor: pointer;
  margin-bottom: -4px;
}
.inlinehelp button {
  border-width: 2px;
  padding: 5px;
  margin: 2px;
  font-size: 9px;
  width: 140px;
}
.inlinehelp ul {
  padding-left: 0px;
}
.inlinehelp {
  font-size: 11px;
}
.inlinehelpimg {
  padding: 5px;
}
ol.buttonhelp {
  list-style-image: url(../images/bullet.png);
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
}
.mainbutton {
  text-align: left;
  width: 640px;
  margin: 30px;
}
.updownloadbutton {
  text-align: left;
  margin-left: 30px;
}
.updownloadbutton button {
  border-width: 2px;
  padding: 3px;
  margin-right: 20px;
}
.filteringbutton button {
  border-width: 2px;
  padding: 3px;
  width: 100px;
}
.periodbutton button {
  border-width: 2px;
  padding: 3px;
  width: 100px;
}
#searchlist table {
  border-collapse: collapse;
  margin: 20px;
}
#searchlist th, #searchlist td {
  border: 1px solid black;
  padding: 3px;
}
#searchlist th {
  background-color: #C0C0C0;
}
#searchlist img {
  margin-bottom: -3px;
}
#searchlistsmall table {
  border-collapse: collapse;
  margin: 10px;
}
#searchlistsmall tr:hover {
  background-color: #DDF;
}
#searchlistsmall tr.selected {
  background-color: #EEE;
  color: #333;
}
#searchlistsmall tr.selected:hover {
  background: #CCC;
}
#searchlistsmall th, #searchlistsmall td {
  padding: 3px;
}
#searchlistsmall th {
  background-color: #E0E0E0;
  border: 1px solid black;
}
#searchlistsmall td {
  color: #6666CC;
  cursor: pointer;
}
#searchlistsmall td {
  border: 1px solid #AAAAAA;
}
#searchlistsmall th div, #searchlistsmall td div {
  overflow: hidden;
  white-space: nowrap;
}
#searchlistsmall th div {
  display: inline;
}
.number {
  text-align: right;
}
#searchlist td.number, #searchlistsmall td.number {
  padding-right: 10px;
}
#searchlist td.na, #searchlistsmall td.na, {
  text-align: center;
}
#searchlist th.sort, #searchlistsmall th.sort {
  text-decoration: underline;
}
#searchlist .downloadable {
  color: blue;
  cursor: pointer;
  text-decoration: underline;
}
#searchlist .editable span {
  background-image: url(../../image/icons/page_edit.png);
  background-position: right center;
  background-repeat: no-repeat;
  color: blue;
  cursor: pointer;
  text-decoration: underline;
  padding: 0px 18px 0px 0px;
}
#searchlist .gotodetail, #searchlist .showdetail {
  cursor: pointer;
}
.edit_layer_section {
  margin: 5px;
}
.edit_layer_form {
  margin-left: 10px;
}
.edit_layer_form textarea {
  font-family: "MS Gothic","Osaka-Mono",monospace,sans-serif;
}
.additem {
  background-image: url(../../image/icons/add.png);
  background-position: right center;
  background-repeat: no-repeat;
  text-decoration: underline;
  cursor: pointer;
  padding-right: 18px;
}
.edititem {
  background-image: url(../../image/icons/page_edit.png);
  background-position: right center;
  background-repeat: no-repeat;
  text-decoration: underline;
  cursor: pointer;
  padding-right: 18px;
}
a.download {
  background-image: url(../../image/icons/application_put.png);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 18px;
}
th.sort {
  cursor: pointer;
}
.uploaderror {
  text-align: left;
  font-size: 16px;
  margin: 20px;
}
.filtercond {
  margin: 10px;
  padding: 5px;
  border: 1px solid black;
  width: 600px;
}
.filtercond .heading {
  font-size: large;
}
.filtercond table {
  background-color: #88FFFF;
  margin-left: 5px;
  margin-bottom: 10px;
}
.filtercond th {
  width: 60px;
}
.filtercond td, .filtercond th {
  padding: 5px 10px;
}

/*///////////////////////////////////////////////////////////////////////////////*/



/* ---------------------------------------------
 Footer
--------------------------------------------- */
#Footer{
	clear:both;
	height:53px;
	background:#383838 url(../images/bg_footer.gif) top left repeat-x;
	padding:0;
	margin-top:20px;
}
#Footer p{
	margin:15px 20px 0px;
	_margin:15px 10px 0px;
}
#Footer p#footerlogo{
	float:left;
}
#Footer p#copyright{
	color:#b4b4b4;
	font-size:12px;
	float:right;
	line-height:2.0;
}

/* simple-table
--------------------------------------------- */
table.simple-table {
    border-collapse: collapse;
}
table.simple-table th{
	background-color: #e6e6e8;
	border-bottom:#afafaf dotted 1px;
    padding: 7px 7px 7px 10px;
    text-align: left;
	vertical-align:top;
}
table.simple-table td{
	border-bottom:#afafaf dotted 1px;
    padding: 7px 7px 7px 12px;
    text-align: left;
}


/* data-table
--------------------------------------------- */
table.data-table {
	border-bottom: 1px solid #afafaf;
    border-collapse: collapse;
}
table.data-table th{
	background-color: #808080;
    color: #FFFFFF;
    text-align: center;
	border-top:#333333 solid 1px;
	border-right:#eee solid 1px;
	padding: 7px 7px 7px 12px;
}
table.data-table td{
    padding: 7px 7px 7px 12px;
    text-align: left;
	background-color: #FFF;	
}

/*============================================================
margin
============================================================*/
/*========== reset ==========*/
.m0  {margin:        0;}
.mt0 {margin-top:    0;}
.mr0 {margin-right:  0;}
.mb0 {margin-bottom: 0;}
.ml0 {margin-left:   0;}

/*========== all ==========*/
.m5  {margin:  5px;}
.m10 {margin: 10px;}
.m15 {margin: 15px;}
.m20 {margin: 20px;}
.m25 {margin: 25px;}
.m30 {margin: 30px;}

/*========== top ==========*/
.mt5  {margin-top:  5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}

/*========== right ==========*/
.mr5  {margin-right:  5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}

/*========== bottom ==========*/
.mb5  {margin-bottom:  5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}

/*========== left ==========*/
.ml5  {margin-left:  5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}

/*============================================================
padding
============================================================*/
/*========== reset ==========*/
.p0  {padding:       0;}
.pt0 {padding-top:   0;}
.pr0 {padding-right: 0;}
.pb0 {padding-left:  0;}
.pl0 {padding-top:   0;}

/*========== all ==========*/
.p5  {padding:  5px;}
.p10 {padding: 10px;}
.p15 {padding: 15px;}
.p20 {padding: 20px;}
.p25 {padding: 25px;}
.p30 {padding: 30px;}

/*========== top ==========*/
.pt5  {padding-top:  5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}

/*========== right ==========*/
.pr5  {padding-right:  5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pr30 {padding-right: 30px;}

/*========== bottom ==========*/
.pb5  {padding-bottom:  5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}

/*========== left ==========*/
.pl5  {padding-left:  5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}

/*========== width ==========*/
.w50  {width:  50px;}
.w75  {width:  75px;}
.w100 {width :100px;}
.w150 {width :150px;}
.w200 {width :200px;}
.w250 {width :250px;}
.w300 {width :300px;}
.w350 {width :350px;}
.w400 {width :400px;}
.w450 {width :450px;}
.w500 {width :500px;}
.w550 {width :550px;}
.w600 {width :600px;}

/*========== height ==========*/
.h50  {height:  50px;}
.h75  {height:  75px;}
.h100 {height :100px;}
.h150 {height :150px;}
.h200 {height :200px;}
.h250 {height :250px;}
.h300 {height :300px;}
.h350 {height :350px;}
.h400 {height :400px;}
.h450 {height :450px;}
.h500 {height :500px;}
.h550 {height :550px;}
.h600 {height :600px;}

/*========== align ==========*/
.align_l{
	text-align:left;
}
.align_r{
	text-align:right;
}
.align_c{
	text-align:center;
}