html { overflow-y: scroll; }
html, body, form { padding: 0; margin: 0; }
body { font-family: Arial, Helvetica, Tahoma, Arial; font-size: 10pt; background-color: #173FAF; }

h2 { margin: 5px 0; }

.centerColumn { width: 941px; text-align: left; }
.frameTop { width: 941px; height: 12px; background-image: url(../images/frame-top.gif); font-size: 1px; }
.frameCenter { background-image: url(../images/frame-middle.gif); background-repeat: repeat-y; padding: 0 8px; }
.frameBottom { width: 941px; height: 12px; background-image: url(../images/frame-bottom.gif); font-size: 1px; }
.frameCenterVertical { background-image: url(../images/frame-bg.gif); background-repeat: repeat-x; background-color: #EEEDE6; min-height: 400px; }

.header
{
    
    padding: 5px 10px;
    font-size: 11pt;
    font-weight: bold;
    color: #504030;
    height: 25px;
	
}
.maincontent { border-top: 1px solid #E0E0E0; padding: 10px; }
.pageName { font-size: 13pt; font-weight: bold; margin-bottom: 10px; }
.subHeader { font-size: 9pt; font-weight: bold; }

.mainmenu { border-bottom: 1px solid #A0A0A0; overflow: auto; }
.mainmenu .backLinkArea { padding-left: 10px; float: left; }
.mainmenu .backLinkArea a { display: block; font-weight: bold; }
.mainmenu .backLinkMargin { clear: both; margin-bottom: 10px; }
.mainmenu ul { list-style: none; overflow: auto; margin: 0; padding: 0; float: left; }
.mainmenu ul li { float: left; padding: 10px 5px; }
.mainmenu ul li.selected a { background: url(../images/button-bg-selected.gif); color: #FFFFFF; }
.mainmenu ul li a { background-image: url(../images/button-bg.gif); float: left; padding: 4px 10px; border: 1px solid #A09A8B; color: #403D2F; text-decoration: none; font-size: 12px; font-weight: normal; }
.mainmenu ul li a:link { color: Black; }
.mainmenu ul li a:visited { color: Black; }

.helpNotice { border: 1px solid #9B9485; padding: 5px 10px; margin-bottom: 10px; float: right; background: White; }

.loginForm { width: 300px; }
.loginForm td { padding: 5px; text-align: left; }
.loginForm .label { width: 100px; }
.loginForm .field { }

.standardDataList .receiptDataTable { width: 100%; }
.standardDataList .receiptDataTable tr { vertical-align: top; }
.standardDataList .receiptDataTable td { }
.standardDataList .receiptDataTable td.label { width: 110px; text-align: left; padding-right: 20px; }
.standardDataList .receiptDataTable td.field { }

.standardDataList { border: 1px solid #9B9485; background-color: #FFFFFF; width: 905px; margin-bottom: 4px; }
.standardDataList td { padding: 1px 0; }
.standardDataList td.label { width: 15%; text-align: right; padding-right: 20px; }
.standardDataList td.data { width: 85%; }
.wider td { padding: 3px 0; }
.wider td.label { width: 20%; text-align: right; padding-right: 20px; }
.wider td.data { width: 80%; }

.standardTabSet .standardDataList { border: 0; width: 100%; }

.loadFromPrevious { float: right; font-size: 12px; font-weight: normal; padding: 2px 3px; }

.standardDataTable { width: 100%; border: 1px solid #9B9485; margin-bottom: 4px; border-collapse: collapse; }
.standardDataTable th
{
    background-image: url(../images/table-header-bg.gif);
    border-bottom: 1px solid #9B9485;
    border-right: 1px solid #9B9485;
    text-align: left;
    font-size: 90%;
    font-weight: normal;
    height: 23px;
    vertical-align: middle;
    padding-left: 5px;
}
.standardDataTable td
{
    padding-left: 5px;
    height: 23px;
    vertical-align: middle;
    border-right: 1px solid #E0E0E0;
}
.standardDataTable td:last-of-type
{
	border-right: 1px solid #9B9485;
}
.standardDataTable tr
{
    background-color: #FFFFFF;
}
.standardDataTable tr.alt
{
	background-color: #EEEEEE;
}
.standardDataTable tr:hover
{
    background-color: #cdffc2;
}
.standardDataTable tr.selected
{
    background-color: #cdffc2;
}
.thinTable { width: 860px; }
.thinTable td { font-size: x-small; }

.standardButton
{
    background-image: url(../images/button-bg.gif);
    margin-right: 4px;
    float: left;
    padding: 4px 10px;
    border: 1px solid #A09A8B;
    color: #403D2F; text-decoration: none; font-size: 12px;
    font-weight: normal;
}
.standardButton_disabled
{
    border: 1px solid #9A9A9A;
    color: #9A9A9A;
}
.standardButton_selected
{
    background-image: url(../images/button-bg-selected.gif);
    color: #000000;
}
.icon-left .ui-icon { float: left; margin: 0 2px 0 -5px; }
.icon-right .ui-icon { float: right; margin: 0 -2px 0 2px; }

.standardBox
{
    border: 1px solid #9B9485;
    background-color: #FFFFFF;
    width: 905px;
    margin-bottom: 4px;
}
.standardBox .padding { padding: 20px; overflow: auto; }

.standardTabSet { text-align: left; clear: both; }
.standardTabSet .tabHolder { position: relative; top: 1px; padding-left: 10px; }
.standardTabSet .tab
{
    border: 1px solid Gray;
    background-color: White;
    padding: 3px 10px;
    float: left;
    margin-right: 5px;
    white-space: nowrap;
}
.standardTabSet .tab a { text-decoration: none; }
.standardTabSet .selectedTab { border-bottom: 1px solid White; }
.standardTabSet .tabContent
{
    border: 1px solid Gray;
    background-color: White;
    padding: 10px 10px;
}

fieldset.standardFieldSet { border: 1px solid #9B9485; padding: 10px; }
fieldset.standardFieldSet legend { font-weight: bold; }

/* ADD CONTRACT WIZARD */
.formFieldCell { float: left; padding: 0 5px 5px 0; line-height: 20px;}
.formFieldCell input.textbox { width: 100%; border: 0px; background-color: #EEEEEE; border-bottom: 1px dotted Gray; }
.formFieldCell select.dropdownlist { width: 100%; border: 0px; background-color: #EEEEEE; border-bottom: 1px dotted Gray; }
.formFieldCell input.readonly { background-color: #CCCCCC;  }
.formFieldCell label { font-size: 10px; }

.formFieldCell .largeError { }
.formFieldRow { overflow: auto; padding-left: 5px; clear: both; }


/* CONFIRM CONTRACT PAGE */
.confirmStyle td { padding: 2px 0; }
.confirmStyle td.label { width: 25%; }
.confirmStyle td.data { width: 75%; }


ul.autoCompleteBox { list-style: none; padding: 0; margin: 0; position: absolute; border: 1px dotted Gray; background: #FFFFFF; border-top: 0; display: none; }
ul.autoCompleteBox li { padding: 3px 0px; cursor: pointer; }
ul.autoCompleteBox li.selected { background-color: #DFF7FF; }
ul.autoCompleteBox li:hover { background-color: #DFF7FF; }

.noProducts { background-color: #EFEFEF; text-align: center; padding: 30px 0; }
.productContainer { padding: 5px 0 15px 0; position: relative; }
.productContainer input { }
.labelColumn { }
.datesColumn { position: absolute; right: 200px; }
.remitColumn { position: absolute; right: 10px; }

/* ADMIN STUFF */

/* EDIT USER */
.dualListDealerships { }
.dualListDealerships select { width: 300px; height: 200px; }

/* EDIT FORM */
.savedPanel
{
    clear: both;
    padding: 4px 0;
    margin: 5px 30px;
    border: 1px solid #089F00;
    color: #089F00;
    text-decoration: none;
    font-size: 12px;
    text-align: center;
    background: #E1FFDF;
}
.inactive td { background-color: #ECEAE1; color: #666666; }

/* Review Batch */
.reviewBatchCommentHolder { position: relative; }
.reviewBatchComments { position: absolute;top: 20px; left: 470px; width: 400px; padding: 10px; background: #FFFFFF; border: 1px solid #999999; }
.reviewBatchComments .head { padding-bottom: 2px; }
.reviewBatchComments .commentScroll { height: 85px; overflow-y: scroll; border: 1px solid #BBBBBB; }
.reviewBatchComments ul { list-style: none; margin: 0; padding: 0; background: #EFEFEF; }
.reviewBatchComments ul li { padding: 5px; }
.reviewBatchComments ul li.divider { border-bottom: 1px dotted #BBBBBB; padding: 0; }
.reviewBatchComments ul li .details { font-size: 11px; color: #555555; margin-bottom: 3px; }
.reviewBatchComments ul li .commentText { }

.reviewBatchComments:hover .commentScroll { height: 200px; }
.reviewBatchComments:hover .inputBox { display: block; }
.reviewBatchComments:hover .standardButton { display: inline; }

.reviewBatchComments .inputBox { width: 390px; height: 23px; margin: 10px 0; font-family: Arial; font-size: 12px; display: none; }
.reviewBatchComments .standardButton { display: none; }
.initialText { color: #999999; }

.batchComments { }
.batchComments ul { list-style: none; margin: 0; padding: 0 0 10px 0; }
.batchComments ul li { }
.batchComments ul li.divider { border-bottom: 1px dotted Gray; padding-bottom: 5px; margin-bottom: 5px; }
.batchComments .inputBox { width: 90%; }
.batchComments .standardButton { float: left; display: block; }

/* admin - manage batches */
.searchForm  { overflow: auto; }
.searchForm .searchItem { float: left; overflow: auto; padding: 2px 10px; }
.searchForm .searchItem label { display: block; padding: 5px 10px 5px 0; font-weight: bold; clear: both; }
.searchForm .searchItem select { width: 156px; }

.searchForm .searchItem_col1 { width: 120px; }
.searchForm .searchItem_col2 { width: 120px; }
.searchForm .searchItem_col3 { width: 160px; }
.searchForm .searchItem_col3 input { width: 140px; }
.searchForm .searchItem_col4 { width: 200px; }
.searchForm .searchItem_col4 .txtDate { width: 80px; margin: 0 2px 0 0; }

.searchForm .checkBoxList td { padding: 0; }
.searchForm .checkBoxList label { width: auto; display: inline; padding: 0; font-weight: normal; }
.searchForm .standardButton { }

.pager {  }
.pager table td { border: 0; }
.pager table td:last-of-type { border: 0; }
.pager .showAllButton { float: right; margin-top: 2px; }

.recentContractSuggestionBox 
{
    clear: both;
    padding: 15px 30px;
    border: 1px solid #089F00;
    color: #089F00;
    text-decoration: none;
    font-size: 14px;
    text-align: left;
    background: #E1FFDF;
    display: none;
    overflow: auto;
    margin-bottom: 10px;
    font-weight: bold;
}

@media print
{
	.centerColumn { width: 640px; }
	.frameTop { width: 640px; }
	.frameBottom { width: 640px; }
	.header { display: none; }
	.maincontent { padding: 10px 0; border: 0; }
	.standardDataList { width: 640px; border: 0; }
	.thinTable { width: 640px; font-size: x-small;}
	.print-hide { display: none; }
}