/****************************************************************
* file: 	/css/waterform.css
* author:	toy
* date:		25may09
*
* NOTE: 	css for product page
*
* rev history
* [toy 25may09]		orig version 
*****************************************************************/

#content {
    border: solid 0px green;
}
#content div.title{
    font-size: 1.2em;
    font-weight: bold;
    
    margin: -8px -5px 10px -12px;
    padding: 6px 0 6px 10px;
}
#content div.form{
}
#content div.form div.description{
    font-size: .9em;
    
    margin: 0 15px 20px 20px;
    padding: 0px 0 0px 0px;
}
#content div.form div.formbox{
    font-size: .9em;
    
    margin: 0 0px 10px 0px;
    padding: 0 5px 10px 5px;
    border: solid 1px #a5c5e6;
}
#content div.form div.formbox .title{
    font-size: 1.1em;
    background-color: #a5c5e6;
    margin: 0 -5px 10px -5px;
    padding: 3px 0 3px 3px;
}
#content div.form div.formbox .customerType{
    font-size: 1em;
    font-weight: bold;

    margin: 0 10px 0px 100px;
    padding: 3px 0 3px 3px;
    border: solid 0px blue;
}
#content div.form div.formbox .customerType input.radio{
    vertical-align: middle;
    width: 20px;
    padding: 3px 0 3px 3px;
    border: solid 0px yellow;
}
#content div.form div.formbox .customerType span{
    padding: 3px 0 3px 3px;
    border: solid 0px red;
}

#content div.form div.formbox div.table td{
    font-size: 1em;
    font-weight: bold;

    margin: 0 10px 0px 100px;
    padding: 3px 0 3px 3px;
    border: solid 0px blue;
}
#content div.form div.formbox div.table td input.checkbox{
    vertical-align: middle;
    width: 20px;
    padding: 3px 0 3px 3px;
    border: solid 0px black;
}
#content div.form div.submit{
    margin: 0 15px 20px 20px;
    padding: 0px 0 0px 0px;
    float: right;
}


#content div td {
    text-align:right;
}

#content div td.header {
    font-weight: bold;
    text-align:right;
    vertical-align: top;
    
    width: 140px;
    margin: 0 500px 0px 0px;
}
#content div td.data {
    text-align:left;
}


#content div input {
    width: 201px;
    border: solid 1px #666699;
}
#content div input.small {
    width: 30px;
    border: solid 1px #666699;
}
#content div input.medium {
    width: 50px;
    border: solid 1px #666699;
}
#content div input.submit {
    background-color: #a5c5e6;
    width: 100px;
    border: solid 1px #444444;
}
#content div checkbox {
    border: solid 1px #666699;
}
#content div radio {
    border: solid 1px #666699;
}
#content div textarea {
    border: solid 1px #666699;
}