form
{  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
 font:100% verdana,arial,sans-serif;
/* margin: 0; */
 padding: 0;
 margin-left: auto;
 margin-right: auto;
}

form fieldset
{
 / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
 border-color: #000;
 border-width: 1px;
 border-style: solid;
 /* different version: padding: 5px 5px 10px 10px; */
 /* different version: margin: 0 0 10px 0; */
 padding: 3px 3px 3px 3px;        /* padding in fieldset support spotty in IE */
 margin: 3px 3px 3px 3px;
 background-color: #FFFFFF;
}

form fieldset legend
{
 color: #3333CC;
 font-size:90%; /* bump up legend font size, not too large or it'll overwrite border on left */
                  /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label
{
 display: block;  /* block float the labels to left column, set a width */
/* float: left;  This will make Label of input field to align to left border, but I want it to the right. */
 padding: 0; 
 margin: 5px 0 0 10px; /* set top margin same as form input - textarea etc. elements */
 font-size: 1.0em;
 text-align: right; 
}

form input
{
 width:auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
 margin:5px 0 3px 5px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
 text-align: left;
}

form textarea
{
 overflow: auto;
 width:auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
 margin:5px 0 3px 5px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
}

form select
{
 width:auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
 margin:5px 0 3px 5px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
 text-align: left;
}

form input.submitbtn, form input.resetbtn
{ 
 float: none; 
 display: inline; 
 margin: 10px 5px 15px 15px;
 padding:0 8px 0 8px;
 text-align: center;
}

form .unchkedboxbtn
{
 font-weight:none;
}

form .chkedboxbtn
{
 font-weight:bold;
}

form .inputrequired
{
 color: red;
 font-weight:bold;
} /* Fields with Red Asterisk are required. Uses class instead of div, more efficient */

form br
{
 clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.form_table
{
 border-collapse: collapse;
 width: 98%;
 margin-left: auto;
 margin-right: auto;
 background-color: transparent;
}

.form_table caption
{
 caption-side: top; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 font-weight: bold;
 margin-left: auto;
 margin-right: auto;
 color: #3333CC;
}

.form_table td.entrylabel
{
 vertical-align: top;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 text-align: right;
 color: #000000;
 width: 40%;
}

.form_table td.entrybox
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 text-align: left;
 color: #000000;
 width: 60%;
}

.form_table td.entrylabel10
{
 vertical-align: top;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 text-align: right;
 color: #000000;
 width: 10%;
}

.form_table td.entrybox90
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 text-align: left;
 color: #000000;
 width: 90%;
}

.form_table td.entrylabel20
{
 vertical-align: top;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 text-align: right;
 color: #000000;
 width: 20%;
}

.form_table td.entrybox80
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 text-align: left;
 color: #000000;
 width: 80%;
}

.form_table td.entrylabel25
{
 vertical-align: top;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 text-align: right;
 color: #000000;
 width: 25%;
}

.form_table td.entrybox75
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 text-align: left;
 color: #000000;
 width: 75%;
}

.form_table td.submitbtn75
{
 text-align: left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 color: #000000;
 width: 75%;
}

.form_table td.submitbtn_left
{
 text-align: left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 color: #000000;
 width: 60%;
}

.form_table td.submitbtn_center
{
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 color: #000000;
 width: 60%;
}

.list_table td.submitbtn_left
{
 text-align: left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 color: #000000;
 width: 60%;
}

.list_table td.submitbtn_center
{
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 color: #000000;
 width: 60%;
}

.pm_write_table
{
 border-collapse: collapse;
 width: 95%;
 margin-left: auto;
 margin-right: auto;
 background-color: transparent;
}

.pm_write_table caption
{
 caption-side: top; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.0em;
 font-weight: bold;
 margin-left: auto;
 margin-right: auto;
 color: #3333CC;
}

.pm_write_table td.entrylabel
{
 vertical-align: top;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 text-align: right;
 color: #000000;
 width: 35%;
}

.pm_write_table td.entrybox
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 text-align: left;
 color: #000000;
 width: 65%;
}

.pm_write_table td.submitbtn_left
{
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 color: #000000;
 width: 70%;
}

.pm_write_table td.submitbtn_center
{
 text-align: center;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 color: #000000;
 width: 70%;
}

span.inputerrormark
{
 font-size: 0.8em;
 font-weight: bold;
 color: #3333CC;
 background-color: yellow;
}

span.inputhint
{
 font-size: 0.8em;
 font-weight: bold;
 color: #FF0033;
/* background-color: #3366CC; */
/* color: #FFFFFF; */
}

.submit
{
 background: url(http://www.yungchiu.com/image/general/submit_button.jpg) no-repeat;
 height: 42px;
 width: 130px;
 border:none;
}

.submit:hover
{
 background: url(http://www.yungchiu.com/image/general/submit_button.jpg) 0 -42px no-repeat;
}
