/* These styles control content look and feel in login, registristion, sales order and profile */
/* div {border: 1px solid #FF0;} */
.contentTitle {font-size: 1.5em; font-weight: bold; padding-bottom: .5em; padding-top: .7em;}
.rowHolder {width:90%; vertical-align:top; padding:0 0 15px 0; border: 0px solid red; }

/*Forms */
.formRowHolder {width:90%; vertical-align:top; padding:0 0 15px 0; }
.FormHeaderBar {padding: .4em 0; border: 1px outset #c0c0c0;  text-align: center; font-weight: bold;}
.formRowHolder .formTitle {font-size: 1.25em; font-weight: bold;}
.formRowHolder .explaination {font-size: .8em; font-weight: normal;}
.formRowHolder table {width: 100%; border: 1px outset #c0c0c0;}
.formRowHolder table td {padding: .5em .1em .5em .5em; border: 1px inset #c0c0c0; vertical-align: top;}
.formRowHolder table table {border: 0px inset #c0c0c0;}
.formRowHolder table table td {border: 0px inset #c0c0c0; vertical-align: top;}
.formRowHolder br {padding: 1em 0;}
label {font-weight:bold; font-size:.9em; margin-bottom: 1em;}
/*for form parts that have mulitple possibilities, such as 3 end user forms, we want the background color to stick out */
.formRowHolder .subHeadingBackColor {background-color: silver; font-weight:bold;}

/* this is a hack */
.SmText {font-size: .7em;}

/* profile and sales order sections */
table.sectionHTML {width: 100%;	border: 0px solid green;}
table.sectionHTML .leftSide {width: 33%; vertical-align: top; border: 0px solid red;}
table.sectionHTML td {border: 0px solid green; padding: .2em .1em .2em .2em;}
table.sectionHTML td table {border: 0px solid green; padding: .2em .1em .2em .2em;}
table.sectionHTML .sectionTitle {font-weight: bold; padding-bottom: .5em;}
table.sectionHTML .explaintion {font-size: .7em; font-weight: bold; vertical-align: top;}
div.pageExplaination {padding-bottom: .5em; width: 80%;}

#salesOrderHistoryList {border: 1px outset #c0c0c0; padding: .1em .1em .1em .1em;}
#salesOrderHistoryList td {padding: .4em .1em .4em .3em; border: 1px inset #c0c0c0; vertical-align: top;}

/* this gives us the ability to turn off borders at will such as table borders around personui objects */
/* table.noBorder { border: 0px solid #c0c0c0;}
/* table.noBorder td,th { border: 0px solid #c0c0c0;}
/* table.noBorder table { border: 0px solid #c0c0c0;}
/* table.noBorder table td,th { border: 0px solid #c0c0c0;}


/* 
/* 

/*forms */
/* .rowHolder table {width:100%; border:1px outset #c0c0c0;}
/* .rowHolder table table{width:100%; border:1px outset #c0c0c0;}
/* .rowHolder td,th {display:table-cell; border:1px inset silver; padding:.5em; vertical-align:top;}
/* .rowHolder table .details {}
/* .rowHolder label {font-weight:bold; font-size:.9em; margin-bottom: 1em;}
/* .label br {padding: 1em 0;}

/* title that displays at the top of each form section */
/* .formTitle {font-size:1.25em; font-weight: bold; color: #000000; text-align:center; padding: .4em 0; border:1px outset #c0c0c0;}
/* span underneath the form title top of each form section */
/* .formTitle span {font-size:1em;text-align:center; font-weight: normal;}
/* .rowHolder select {font-size:.85em;font-weight:bold;} */
/* div.explaination {font-size: .8em; font-weight: normal;}

/* defaultSectionHTML */
/* .rowHolder table.sectionHTML {width:100%; border: 0; display:table; padding: .1em 0;}
/* .rowHolder table.sectionHTML table {border: 0;}
/* .rowHolder table.sectionHTML td,th {display:table-cell; border: 0; padding: 0em; vertical-align: top;}