/* EDITABLE STYLES
----------------------------------------------------- */
#fsbo {background-color: #fff;color: #666;}
#fsbo table .sectionTitle {background-color: #000099; color: #fff;}
#fsbo #tableWrapper {background-color:#6600CC;}
#fsbo th {background-color: #3399FF; color: #FFCC00; border-color: #fff;}
#fsboWrapper #fsboPrefs {background-color: #3399CC;}
#fsbo td {border-color: #fff;}
#fsboWrapperPhotos {border-color: #999;}
#fsboWrapper .colorSwatch {border-color: #666;}
.freePhotoTitle {background-color: #FFCC66;}
.freePhotoRow {background-color: #FFFFCC; border-color: #ccc;}
.mfrPhotosSubWrapper {border-color: none; background-color: none;}
.mfrPhoto img {border-color: #ccc; background-color: #eee;}
.uploadedPhotoWrap {border-color: #ddd;}
#photoUpload {background-color:#ECF5FE;border-color: #6699CC;}
#photoUpload .title {color: #fff;background-color: #999999;}
.photoUpload {background-color:#666;border-color: #999}
.pmtTotal {border-color: #666;}
#uploadedTitle {background-color: #666666; color: #FF9900;}



/* FIXED STYLES
----------------------------------------------------- */

/* BEGIN container height fix for floats in Mozilla */ 
#fsbo:after,
#fsbo:after,
.mfrPhotosSubWrapper:after,
#photoUpload:after  {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
  }
 /* END container height fix for floats in Mozilla */
  
 /* BEGIN container height fix for floats in IE */ 
* html #fsbo,
* html #fsboWrapper,
* html .mfrPhotosSubWrapper,
* html #photoUpload {height: 1%;}
 /* END container height fix for floats in IE */
 
#fsbo {
margin: 0;
padding: 0;
font-size: 90%;
}

#fsboWrapper {
width: 100%;
}

#fsboWrapperPhotos {
margin-right: 180px;
padding-right: 5px;
border-width: 0 1px 0 0;
border-style: dashed;
}

#fsbo #photoPreview {
width: 179px;
padding: 0;
font-size: 90%;
float: right;
min-height: 650px;
height:auto !important; /* IE6 min-height hack */
height:650px;
}

#fsboWrapper #formWrapper {
margin:  0;
padding: 0 5px 0 0;
}

#fsbo form {
padding: 0 .5em;

}

#fsboWrapper #extraInfo {
padding: 0 5px;
}

#fsbo table {
margin: 0;
width: 99%; /* keep below 100% - IE6 doesn't know how to calculate widths correctly */
}

#fsbo table .sectionTitle {
font-weight: bold;
padding: 4px 8px;
}

#fsbo #tableWrapper {
width: 100%;
}

#fsbo td {
padding: 2px;
border-width: 0 1px 0 0;
border-style: solid;
}

#fsbo th {
padding: 4px 5px;
font-size: 115%;
border-width: 0 1px 0 0;
border-style: solid;
}

#fsboWrapper #fsboPrefs {
padding: 4px 0;
}

#fsboWrapper .colorSwatch {
width: 30px;
height: 30px;
border-width: 1px;
border-style: solid;
margin: 2px auto;
}

.freePhoto {
float: left; 
width: 88%;
margin: .75em 0 0 1em;
}

.freePhotoTitle {
padding: 4px 0 4px 1em;
}

.freePhotoRow {
border-width: 1px;
border-style: solid;
padding: 0 0 5px 0;
}

.freePhotoRow .formRow {
margin: 0 0 0 2em;
padding: 0;
}


.mfrPhotosSubWrapper {
margin: 8px;
padding: 2px;
border-width: 0px;
border-style: solid;
}

.mfrPhoto {
width: 20%;
padding: 2px 0;
float: left;
text-align: center;
}

.radioWrapper {
}

.radioWrapper input {
margin: 2px 0 0 0;
padding: 0;
}

.mfrPhoto img {
width: 68px;
padding: 4px;
border-width: 1px;
border-style: solid;
}

#uploadedPhotos {
text-align: center;
}

#uploadedTitle {
padding: 4px 8px;
font-size: 110%;
font-weight: bold;
}

.uploadedPhotoWrap {
width: 98%;
border-width: 0 0 1px 0;
border-style: solid;
padding: 5px 0;
}

.uploadedPhotoWrap img {
width: 110px;
}

#photoUpload {
margin: 8px 3px 8px 8px;
padding: 2px;
border-width: 1px;
border-style: solid;
}

#photoUpload .title {
padding: 4px 8px;
font-size: 115%;
margin-top: 0;
border: none;
}

.photoUpload {
text-align: center;
float: left;
margin: 2px 2px 0 0;
padding: 2px;
border-width: 0;
border-style: solid;
}

.pmtTotal {
border-width: 1px 0 0 0;
border-style: solid;
padding: 2px 0 0 0;
}

.edmundsRec {
padding: 12px 0 0 2em;
font-size:90%;
}