.ratesPageFrame { width: 600px; position: relative; float: left; }
.rateSectionFrame { clear: both; }
.rateFrame { font: 12px Arial; vertical-align: middle; width: 1px; position: relative; float: left; }

/* THE LIST AREAS */
ul.rateDraglist { width: 100%; list-style: none; margin: 0; padding: 0; }
ul.rateDraglist2 { width: 99%; list-style: none; margin: 0; padding: 0; }
li.rateList { background-color: transparent; width:100%; }
li.rateListEdit { cursor: move; border: 1px solid white; }
li.rateList2 { background-color: transparent; width:100%; clear: both; }
li.rateListEdit2 { cursor: move; border: 1px solid white; height: 16px; }


/* RATE SECTION TITLES AND NOTES */
.ratesTitle{ font: bold 14px Times; color: black; text-align: left; }
a.ratesTitle { text-decoration: none; cursor: pointer; }
a.ratesTitle:hover { color: #1847B4; }

.ratesNoTitle {  font: bold italic 18px Times; color: grey; text-decoration: none; width: 100%; text-align: left; background-color: transparent; text-decoration: none; cursor: pointer; }
a.ratesNoTitle:hover { color: #A57776; }

.rateNote { font: bold 14px Times; color: #1847B4; }
a.rateNote { text-decoration: none; cursor: pointer; }
a.rateNote:hover { color: black; }

.ratesColumnTitle {  font: bold 14px Times; color: black; }

.sectionNotes { clear: both; height: 16px; }
.sectionNotesColumn { font: bold 14px Times; color: black; float: left; }
a.sectionNotesColumn { text-decoration: none; cursor: pointer; }
a.sectionNotesColumn:hover { color: #1847B4; }

/* THIS SECTION LAYS OUT THE RATE ROWS */ 
.rateLine { clear: both; }

.rateSign { font: 12px "Lucida Grande","Arial Unicode MS", sans-serif; text-align: left; width: 10px; float: left; }
.rateBody { font: 12px "Lucida Grande","Arial Unicode MS", sans-serif; color: black; text-align: right; float: left; }
a.rateBody { text-decoration: none; cursor: pointer; }
a.rateBody:hover { color: #1847B4; }

.rateBodyNote { font: 12px "Lucida Grande","Arial Unicode MS", sans-serif; color: black; float: left; padding-left: 4px; }
a.rateBodyNote { text-decoration: none; cursor: pointer; }
a.rateBodyNote:hover { color: #1847B4; }

.rateDelete { width: 15px; height: 18px; position: relative; float: left;}
.rateDescriptionSection { font: 12px "Lucida Grande","Arial Unicode MS", sans-serif; color: black;  text-align: right; float: left;}
.rateDescription { font: bold 14px Times; color: black; text-align: left;  padding-right: 25px; float: right; }
a.rateDescription { text-decoration: none; cursor: pointer; }
a.rateDescription:hover { color: #1847B4; }

.rateColumn { color: black;  float: left;}
a.rateColumn { text-decoration: none; cursor: pointer; }
a.rateColumn:hover { color: #1847B4; }

/* TAX COLUMN SECTION AT BOTTOM OF PAGE */

.taxLine { clear: both; height: 16px; }
.taxColumn { font: bold 14px Times; color: black; float: left; }
a.taxColumn { text-decoration: none; cursor: pointer; }
a.taxColumn:hover { color: #1847B4; }

/* NOTES AREA AT BOTTOM */
.ratesNoteFrame { width: 100%; }

.notesTitle{  font: bold 14px Times, sans-serif; color: black; }

.rateNotes { font: 12px "Lucida Grande","Arial Unicode MS", sans-serif; color: black; }
a.rateNotes { text-decoration: none; cursor: pointer; }
a.rateNotes:hover { color: #1847B4; }

/* ADD LINKS IN THE EDITOR */
.ratesAddSection { font: bold 12px Verdana italic; color: gray; width: 100%; text-align: right; clear: both; }
a.ratesAddSection { text-decoration: none; cursor: pointer; }
a.ratesAddSection:hover { background: #D1E6EC;}

.ratesAddRate { font: bold 10px Verdana italic; color: gray; width: 100%; text-align: right;}
a.ratesAddRate { text-decoration: none; cursor: pointer; }
a.ratesAddRate:hover { background: #D1E6EC;}