form {
padding: 10px;
width : 100%;
font: 11px Arial, helvetica;
color : #666;
}
input, textarea, select, label {
font: 11px Arial, helvetica;
color: #666;
}
textarea {
padding: 0 0 0 2px;
vertical-align: top;
margin: 2px 2px 1px 0;
border: 1px solid #C0C0C0;
}
input {
margin: 0 2px 0 0;
padding: 2px 0 0 2px;
border: 1px solid #C0C0C0;
}
textarea:focus
{
background-color: #FFFFE0;
color: #666;
}
select {
margin: 2px 2px 1px 0;
padding: 0px;
height:19px;
}
fieldset {
margin: 0;
padding: 0;
background-color:#FAFAFA;
border-top: 6px solid #bbb;
border-bottom: 2px solid #bbb;
border-left: 0px solid #bbb;
border-right: 0px solid #bbb;
overflow: hidden;
}

legend {
font: 14px/17px 'Trebuchet MS', Arial, Helvetica, sans-serif;
font-weight:bold;
color: #666;
padding: 0;
}
form table {
border-collapse: collapse;
}
form ul {
margin : 0;
padding : 0;
list-style-type : none;
font-size : 100%;
}
form h3 {
padding : 0 0 10px 0;
}
form p {
padding : 0 0 5px 0;
}
form li {
margin : 0;
padding : 0;
position : relative;
clear : both;
}
form li div, form li span {
margin : 0 4px 0 0;
padding : 0 0 8px 0;
}
form li span {
float : left;
}
form li span.detailinfo{
float:left;
margin-top:-10px;
color:#aa3333;
font: 12px arial, helvetica;
padding-right:5px;
}
form li div.fourcolumn {
margin:0;
padding:0;
float : left;
width : 23%;
}
form li div.tricolumn {
margin:5px 0;
padding:0;
float : left;
width : 30%;
}
form li div.left {
float : left;
width : 47%;
}
form li div.right {
float : right;
width : 47%;
}
form li.section {
margin-top : 9px;
padding-top : 5px;
padding-left : 8px;
width : auto;
}
form .section h3 {
font-weight : bold;
font-size : 14px;
line-height : 135%;
margin : 0 0 2px 0;
}
form .section p {
font-size : 12px;
margin : 0 0 10px 0;
}
#upload{
width : auto;
}
#upload fieldset{
width : auto;
padding : 10px;
}
#upload input.picsort{
width : 50px;
}
#upload input.picfield{
width : 280px;
}
#upload input.picname{
width : 280px;
}
form.uploadsort{
width : 736px;
}
#propupd{
width : auto;
}
#propupd fieldset{
width : auto;
padding : 10px;
}
label.desc {
font: 11px Arial, helvetica;
color: #666;
line-height : 150%;
padding : 0 0 5px 0;
border : none;
margin-top : 4px;
display : block;
width:120px;
}
label.rdesc {
font: 11px Arial, helvetica;
color: #666;
width : 100px;
line-height : 150%;
padding : 0 10px 5px 0;
border : none;
text-align : right;
margin-top : 4px;
display : block;
}
label.choice {
font: 11px Arial, helvetica;
color: #666;
display : block;
line-height : 1.4em;
margin : -1.75em 0 0 25px;
padding : 4px 0 5px 0;
}
label.rchoice {
width : 120px;
display : block;
line-height : 1.4em;
margin : -2em 0 0 40px;
padding : 4px 0 5px 0;
}
label.register {
width : 190px;
display : block;
line-height : 1.4em;
text-align : right;
margin-top : 4px;
}
form li div label, form li span label {
margin : 0;
padding-top : 3px;
clear : both;
display : block;
font-size : 12px;
line-height : 13px;
}
select.country {
width : 100px;
}
input.mini {
width : 30px;
}
select.mini {
width : 40px;
}
input.small, select.small {
width : 100px;
}
textarea.small {
height : 5.5em;
width : 300px;
}
input.medium, select.medium {
width : 300px;
}
textarea.medium {
height : 10em;
width : 300px;
}
input.large, select.large {
width : 550px;
}
textarea.large {
height : 10em;
width : 550px;
}

.button {
  display: block;
  float: center;
  margin:10px 0.583em 0.667em 0;
  padding:5px 10px 5px 10px;   /* Links */
  text-indent: 14px;
  border:1px solid #cdcdcd;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#3399ff;
  cursor:pointer;
}
.button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
.button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}

*:first-child+html .button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}

/* Standard Buttons */
.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  background : #E6EFC2 url(../images/tick.png) no-repeat 7px center;
  color:#3399ff;
}
.button.positive:hover {
  border:1px solid #3399ff;
  color:#3399ff;
}
.button.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Register */
body .reg {
  background : #E6EFC2 url(../images/key.png) no-repeat 7px center;
  color:#3399ff;
}
.button.reg:hover {
  border:1px solid #3399ff;
  color:#3399ff;
}
.button.reg:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
.button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
.button.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}
.login-button {
  display: block;
  float: center;
  background : #E6EFC2 url(../images/lock.png) no-repeat 5px center;

  padding:0 8px 0 5px;   /* Links */
  text-indent: 22px;
  border:1px solid #cdcdcd;
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:100%;
  text-decoration:none;
  font-weight:bold;
  color:#3399ff;
  cursor:pointer;
}
.login-button {
  width:auto;
  overflow:visible;
  padding:0 8px 0 3px;   /* IE6 */
}
.login-button[type] {
  padding:0 8px 0 3px;   /* Firefox */
  line-height:17px;           /* Safari */
}

*:first-child+html .login-button[type] {
  padding:0 8px 0 3px;   /* IE7 */
}

.login-button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
.login-button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}
.navi-middle a:hover{
color: #666;
}