/*
  CSS document for WebDePR Administrator Section
--------------------------------------------------

## INDEX ##

-- All Reset
-- General Setting
-- Text Modify
-- Page Setting
-- Footer Block

*/




/*##### All Reset #####*/
* {
  margin: 0;
  padding: 0;
}


/*##### General Setting #####*/
body {
  padding: 0 0 0 70px;
  font-family: 'Geneva', sans-serif;
  font-size: small;
  color: #444;
  line-height: 1.3em;
  background: #fff;
}

h3, h4, h5, h6 {
  color: #333;
  clear: both;
}

h4, h5, h6 {
  font-size: small;
}

p {
  line-height: 1.4em;
}

a {
  outline-style: none;
}

img {
  border: 0;
}

#wrapper {
  position: relative;
  top: 0;
  left: 0;
  width: 740px;
  padding: 40px 0 60px 30px;
  background: url(../image/logo_admin.jpg) 6px 6px no-repeat;
}

.centering {
  text-align: center;
}

.rightpull {
  text-align: right;
}

a:link, a:visited {
  color: #888;
  text-decoration: none;
}

a:hover, a:active {
  border-bottom: none;
  color: #fe4c0e;
  text-decoration: none;
  outline-style: none;
}

.insidelist {
  list-style: inside;
}

.plusdotline {
  border-bottom: dotted 1px;
}

.plusbottom {
  margin-bottom: 40px;
}

.plusbottom2 {
  margin-bottom: 20px;
}

.plusbottom6 {
  margin-bottom: 60px;
}

.pluspaddingbottom {
  padding-bottom: 40px;
}

.clearing {
  width: 500px;
  height: 0;
  clear: both;
}

.clearings {
  width: 200px;
  height: 0;
  clear: both;
}

.noclear {
  clear: none;
}


/*##### Text Modify #####*/
.smallsize {
  font-size: small;
}

.mediumsize {
  font-size: medium;
}

.keycolor {
  color: #098837;
}

.colorred {
  color: #ff0000;
}

.colorblue {
  color: #000099;
}

.boldweight {
  font-weight: bold;
}

.arial {
  font-family: 'Arial';
}

.arialbk {
  font-family: 'Arial Black';
}

.geneva {
  font-family: 'Geneva';
}

.verdana {
  font-family: 'Verdana';
}


/*##### Page Setting #####*/
/*--- Share Setting ---*/
#header1 {
  margin: 0 0 30px 0;
  padding: 30px 0 5px 4px;
  border-bottom: solid 4px #eee;
  font-size: medium;
  color: #666;
}

#result {
  width: 200px;
  height: 2em;
  margin: 6px 0;
  border: none;
}

#buttons {
  padding: 0 10px;
}

#buttons input {
  margin: 0 0 0 10px;
}

#sitetop {
  position: absolute;
  top: 6px;
  left:76px;
  width: 330px;
  height: 25px;
}

#sitetop a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}

#photoL {
  width: 640px;
  margin: 20px auto;
  text-align: center;
}


/*--- Index Page ---*/
.admin {
  float: left;
  width: 230px;
  padding: 0 0 0 20px;
  line-height: 24px;
}

.admin dt {
  padding: 0 0 0 30px;
  font-size: medium;
  font-weight: bold;
  color: #098837;
  background: url(../image/marker_units.jpg) left center no-repeat;
}
.admin dd {
  padding: 0 0 0 30px;
  font-weight: bold;
}


/*--- News Page ---*/
#newsFields {
  padding: 20px;
}

#newsFields input, #newsFields textarea {
  display: block;
  width: 200px;
  margin: 0 0 15px 0;
  padding: 3px;
  border: solid 1px #aaa;
}

#newsFields img {
  cursor: pointer;
}


/*--- Goods Page ---*/
#goodsFields {
  width: 180px;
}

#radioButtons {
  margin: 6px 0;
  line-height: 1.6em;
}

#uploader label {
  display: block;
}

#goodsFields input, #goodsFields textarea {
  display: block;
  width: 160px;
  margin: 0 0 8px 0;
  padding: 3px;
  border: solid 1px #aaa;
}

#selectImg {
  margin: 0 0 8px 0;
  padding: 3px;
}

#deleteImg, uploader span {
  margin: 0 0 8px 0;
}

#alternate {
  display: block;
  width: 200px;
  padding: 3px;
  border: solid 1px #aaa;
}

#dummy {
  position: absolute;
  bottom: 0;
  left:-9999px;
}


/*--- Listing Page ---*/
#listWrapper {
  width: 500px;
}

#paging {
  position: relative;
  width: 100%;
  height: 30px;
}

#backward {
  display: block;
  position: absolute;
  bottom: 6px;
  left: 0;
}

#forward {
  display: block;
  position: absolute;
  bottom: 6px;
  right: 0;
}

#list {
  width: 100%;
  margin: 0 0 40px 0;
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  line-height: 20px;
}

.listheader {
  border: #888;
  font-weight: bold;
  color: #fff;
  background: #888;
}

#list dt {
  width: 130px;
  height: 20px;
  padding: 0 0 0 6px;
}

#list dd {
  height: 20px;
  margin: -20px 0 0 136px;
  padding: 0 0 0 6px;
}

#list a {
  display: block;
  width: 100%;
  height: 20px;
}

#list a:link, #list a:visited {
  border-bottom: solid 1px #ddd;
}

#list a:hover, #list a:active {
  border-bottom: solid 1px #ddd;
  background: #ddd;
}


/*##### Footer Block #####*/
#footer {
  padding: 0 0 20px 20px;
  font-size: x-small;
  line-height: 20px;
  color: #666;
  clear: both;
}