textarea {font-family: Arial; font-size: 12px; line-height: 16px; height: 48px;}
input[type=text] {font-size: 12px; height: 17px; border-color: #9B999A #D8D8D8 #D8D8D8 #9B999A; border-width: 1px; border-style: solid; padding-left:2px;}
input.fdcal2 {background: url(/images/v2/calendar-icon.gif) no-repeat right center; width: 85px;}
a {color: #2c7aba; font-size:12px;}
div.horizontalRuler3d { border-top: solid 1px #BFD4E1; border-bottom: solid 1px #DFE9ED; margin: 25px 0;}
div.gridItemSeparator {border-bottom: solid 1px #bfd4ea;}

div.viewHistory {color: #2c7aba; font-style:italic; background : url(/images/v2/arrow_small_Unselected.gif) no-repeat 0px 2px; padding-left:12px; line-height:16px; margin-left:30px; font-size:11px; margin-top:5px; cursor: pointer;}
div.viewHistoryExpanded { background : url(/images/v2/arrow_small_Selected.gif) no-repeat 0px 2px; }

#divFormGrid {padding: 10px 0 0 0; font-size: 12px;}
#divFormGrid ul.gridHeader {color: #fff; font-weight: bold; clear:both;}
#divFormGrid ul.gridHeader li {padding: 10px 0; height:12px; float:left; }
#divFormGrid ul.gridHeader li.orangeHeader {background-color: #EE8431;}
#divFormGrid ul.gridHeader li.verticalHeader {text-align: center;}
#divFormGrid ul.gridHeader li.verticalHeader img {margin-top: -21px;}
#divFormGrid ul.gridHeader li.digitColumn div {float:right; padding-right: 12px;}

#divFormGridFooter {margin: 0px 0 25px 0; font-size: 12px;}
#divFormGridFooter #divAddNewItem {float:left; font-size:11px; color: #2c7aba; font-style: italic; cursor: pointer; background: url(/images/v2/arrow_small_Unselected.gif) no-repeat; padding-left:12px; margin-left:3px; margin-top:10px;}
#divFormGridFooter #divAggregateItems {float:right; font-weight: bold; color:#555555;}
#divFormGridFooter ul.agreegateItemTax li {line-height:20px;}
#divFormGridFooter ul.agreegateItem {}
#divFormGridFooter ul.agreegateItem li {padding: 12px 0; height:auto; float:left;}
#divFormGridFooter ul.agreegateItem li div {padding-right: 8px; float:right; line-height: 20px;}
#divFormGridFooter ul.agreegateItem li.grandTotal {background-color: #EEF7F8;}
#divFormGridFooter ul.agreegateItem li.totalColumn div.currencySymbol {float: left; padding-right: 3px;}
#divFormGridFooter ul.agreegateItem li.totalColumn div.totalAmount { padding-right: 10px;}
#divFormGridFooter ul.agreegateItem li.taxColumn div.taxRate {padding-right: 2px;}
#divFormGridFooter ul.agreegateItem li.taxColumn div.taxRate input {width:35px; float: right; text-align:right;}
#divFormGridFooter ul.agreegateItem li.taxColumn div.percentSymbol {padding-right:20px;}

#divFormGrid div.gridItem {color: #222222; border-bottom: solid 1px #bfd4ea;}
#divFormGrid div.gridItemDragging {border: solid 1px #bfd4ea; background-color: #efefef;}
#divFormGrid div.gridItem ul {clear:both;}
#divFormGrid div.gridItem ul input[type=text] { padding-left:2px;}
#divFormGrid div.gridItem ul li {padding: 8px 0; height:auto; float:left;}
#divFormGrid div.gridItem ul li div {line-height:20px;}
#divFormGrid div.gridItem ul li.sequenceColumn {cursor: move;}
#divFormGrid div.gridItem ul li.sequenceColumn div {float:right; vertical-align:top; padding-top:0px; padding-right:3px; font-size: 11px; color:#555555;}
#divFormGrid div.gridItem ul li.description div { margin-left:5px;}
#divFormGrid div.gridItem ul li.quantity div { text-align: right; }
#divFormGrid div.gridItem ul li.totalColumn {cursor: move;}
#divFormGrid div.gridItem ul li.totalColumn div.currencySymbol {float: left; padding-right: 3px;}
#divFormGrid div.gridItem ul li.totalColumn div.totalAmount {float:right; padding-right: 10px;}
#divFormGrid div.gridItem ul li.unitPriceColumn div.currencySymbol {float: left; padding-right:3px;}
#divFormGrid div.gridItem ul li.unitPriceColumn div.unitPrice {float: left; padding-right:10px; float:right; text-align:right;}
#divFormGrid div.gridItem ul li input.digitBox {text-align: right;}
#divFormGrid div.gridItem ul li.changeColumn {text-align: center;}
#divFormGrid div.gridItem ul li.changeColumn img {cursor: pointer;}
#divFormGrid div.gridItem ul li.subtotalAndRemoveColumn {text-align: center;}
#divFormGrid div.gridItem ul li.subtotalAndRemoveColumn img {padding-top:2px; vertical-align: top; cursor: pointer;}

#divFormGrid div.gridItem div.archivedItem {color: #666666;}
#divFormGrid div.gridItem div.historyItem { font-style: italic;}

#divFormGrid div.gridItemSubtotal {color: #555555; background-color:#EEF7F8; font-weight:bold;}
#divFormGrid div.gridItemSubtotal ul {}
#divFormGrid div.gridItemSubtotal ul input[type=text] { padding-left:2px; font-weight: bold;}
#divFormGrid div.gridItemSubtotal ul li {padding: 8px 0; height:auto; float:left; }
#divFormGrid div.gridItemSubtotal ul li div {line-height:20px;}
#divFormGrid div.gridItemSubtotal ul li div.subtotalName {margin-left: 5px;}
#divFormGrid div.gridItemSubtotal ul li.totalColumn div.currencySymbol {float: left; padding-right: 3px;}
#divFormGrid div.gridItemSubtotal ul li.totalColumn div.totalAmount {float:right; padding-right: 10px;}
#divFormGrid div.gridItemSubtotal ul li.unitPriceColumn div.currencySymbol {float: left; padding-right:3px;}
#divFormGrid div.gridItemSubtotal ul li.subtotalAndRemoveColumn {text-align: center;}
#divFormGrid div.gridItemSubtotal ul li.subtotalAndRemoveColumn img {padding-top:2px; vertical-align: top; cursor: pointer;}

#divFormGrid .sortPlaceHolder {background:url(/images/v2/darg_placeholder.png) no-repeat scroll left center transparent; width: 100%; height: 38px; margin-left:-18px;}

#divEstimateDueDate span {font-weight: bold;}
#divEstimateDueDate input[type=text] {width:90px;}

div.whiteRuler {height: 1px; background-color: #ffffff; margin: 20px 0;}
div.lightBlueRuler {height: 1px; background-color: #dfe9f4; margin: 20px 0;}
#divFormDetail {padding: 15px; background-color:#EEF7F8; margin-bottom:20px;}

a.collapsableOption {background : url(/images/v2/arrow_small_Unselected.gif) no-repeat 0px 1px; padding-left:13px; cursor: pointer;}
a.expanded {background : url(/images/v2/arrow_small_Selected.gif) no-repeat 0px 1px; }

#divFormGridOptions {line-height:16px; padding-right:52px;}
#divFormGridOptions div {height:20px;}
#divFormGridOptions #divClearForm {float: right; padding-left:15px; border-left: solid 1px #bfd4ea; }
#divFormGridOptions #divClearForm img {cursor: pointer;}
#divFormGridOptions #divAdvancedFeatures {color: #2c7aba; font-style:italic; background : url(/images/v2/arrow_orange_Unselected.gif) no-repeat 0px 2px; padding-left:14px; margin-left:30px; font-size:11px; cursor: pointer; float: right; padding-right:15px; }
#divFormGridOptions #divAdvancedFeatures expanded { background : url(/images/v2/arrow_orange_Selected.gif) no-repeat 0px 2px; }

.clearBoth {
    clear: both;
}