/* =global */
body { margin: 10px 0px 15px 0px; font-family: Verdana, Arial, Sans-Serif; font-size: 11px; background-color: #fff; }
table { border: 0; margin: 0; padding: 0; border-collapse: collapse; }
table td { padding: 0; }
img { border: 0; margin:0; padding: 0; }
input { margin: 0; padding: 0; }

.right { text-align: right; }
.stretch { width: 100%; }
.center { text-align: center; }
.shrink { width: 1px; }
.nowrap { white-space: nowrap; }

.binLink { padding: 3px 0px 7px 0px; }
.binLink a, .binLink a:link, .binLink a:active, .binLink a:visited { text-decoration:none; }
.binLink a:hover { text-decoration: underline; }


/* =leftnav */
/* =leftnav */
#leftnav { width: 135px; float:left; }
#leftnav .categoryContainer { margin-bottom: 0px; }
#leftnav .catTitle, .catTitlesel { border-top: 1px solid #000; padding-top: 3px; padding-bottom: 3px; margin: 0; text-align: left; text-transform: uppercase; }
#leftnav .catTitle a:link, .catTitle a:visited, .catTitle a:active, .catTitle a:hover, .catTitlesel a:link, .catTitlesel a:visited, .catTitlesel a:active, .catTitlesel a:hover { color: #999; font-size: 11px; text-decoration: none; font-weight:bold; }
#leftnav .catTitlesel a:link, .catTitlesel a:active, .catTitlesel a:visited, .catTitlesel a:hover { color: #444; }
#leftnav ul.category, #leftnav ul.categorysel { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 2px; list-style-type: none; text-align: left; line-height: 14px; display: none; }
#leftnav ul.categorysel { display: block; }
#leftnav ul.category li { text-transform: uppercase; }
#leftnav li { background: url(../images/menu_tick.gif) no-repeat 0px 2px; padding-left: 10px; }
#leftnav li.sel { background: url(../images/menu_tick_dark.gif) no-repeat 0px 2px; padding-left: 10px; }
#leftnav li a:link, #leftnav li a:visited, #leftnav li a:active, #leftnav li a:hover { text-transform: uppercase; text-decoration: none; padding-left: 0px; color: #999; font-size: 10px; }
#leftnav li.sel a:link, #leftnav li.sel a:visited, #leftnav li.sel a:active, #leftnav li.sel a:hover { color: #333; }



/* =content */
#content { padding: 6px 0px 8px 10px; margin: 0px 0px 0px 145px; text-align: left; background-color: #fff; }
#content { border-top: 1px solid #000; background: url(../images/vertfade.gif) no-repeat top left; width: 605px; min-height: 500px; }
#content #title { font-size: 18px; font-weight: bold; color: #333; margin: 0px 0px 0px 0px; }
#content .desc { padding: 3px 0px 0px 2px; }

h4 {
  margin: 0;
  font-size: 14px; font-weight: bold; color: #333; border-bottom: 1px solid #ddd; padding: 0px 0px 5px 0px; margin-bottom: 5px; 
}

/* =summary */
.objectSummary .heading { padding: 5px 0px 7px 0px; margin: 0px 0px 3x 0px; text-align: right; vertical-align: bottom; overflow: auto; }
.objectSummary .heading h3 { font-size: 18px; font-weight: bold; color: #333; float: left; margin: -5px 0px 0px 0px; }
.editorSummary .heading { padding: 5px 0px 7px 0px; margin: 0px 0px 3x 0px; text-align: right; vertical-align: bottom; overflow: auto; }
.editorSummary .heading h3 { font-size: 18px; font-weight: bold; color: #333; float: left; margin: -5px 0px 0px 0px; }
.imgSep { display: inline; margin-left: 13px; margin-right: 13px; }

#content .desc { font-size: 12px; color: #666; margin-top: 0px; margin-bottom: 0px; }
div.separator { margin: 0px 0px 0px 0px; padding: 0; font-size: 1px; height: 10px; clear:both; width: 100%; }
.short { background: url(../images/horzfade_short.gif) no-repeat bottom left; }

/* =icons */
.icon-delete:hover { }

/* =areas */
.notice { background-color: #FFECB4; margin: 0px 0px 0px 0px; padding: 10px; border: 1px dashed #999; }
.notice h4 { font-size: 12px; padding: 0px 0px 2px 0px; margin: 0px 0px 2px 0px; }
.warning { background: url(../images/warning.gif) no-repeat top left; min-height: 25px; padding: 10px 0px 0px 40px; color: Red; }
.success { font-size: 12px; color: Green; }
.checkedout { background: url(../images/warning.gif) no-repeat top left; min-height: 25px; padding: 10px 0px 0px 40px; color: Red; }
.required { color: Red; padding-left: 4px; }

/* = tabs */
#tabcontrol { margin-top: 5px;}
#tabcontrol ul.tabs { display: inline; list-style: none; margin:0 0px 0px 5px; padding:5px 0px 2px 0px; width: 100%; text-align: left; }
#tabcontrol li.tabs { display: inline; list-style-type: none; margin: 0; padding: 0px 0px 0px 0px; }
#tabcontrol ul.tabs a { border: 1px solid #aaa; padding: 2px 10px 2px 10px; text-decoration: none; color:#676767; background-color:#ecf1ff; }
#tabcontrol ul.tabs a.sel { border-bottom: 1px solid #fff; color: #565656; background-color: #fff; }
#tabcontrol ul.tabs a:hover { background-color: #fff; }
#tabcontrol ul.tabs a.sel:hover { background-color: #fff; }
#tabcontrol .tabpage, #tabcontrol .tabpagesel { border: 1px solid #aaa; padding: 1px 5px 5px 5px; margin-top: 2px; display: none; background-color:#fff; }
#tabcontrol .tabpagesel { display: block; }

/* =form */
table.fields { width: 100%; font-size: 12px; }
table.fields td.second, table.fields td.first, table.fields td.search { vertical-align: top; padding: 5px 5px 5px 5px;  background-color:#EFEFEF; border-bottom: 1px solid white; border-right: 1px solid white; width: 75%; }
table.fields td.sep { font-size: 0px; padding-left: 0px; }
table.fields td.first { background-color:#C7CFDA; /*background: url(../images/fieldnamebg.gif) no-repeat top right;*/ background-color: #E3E7ED; border-bottom: 1px solid white; border-right: 1px solid white; padding-top:8px; text-align: left; width: 25%; }
table.fields td.search { background-color: White; padding: 5px 5px 0px 5px; }
table.fields td.spacer { border: 0; padding: 0; background: 0; font-size: 0px; padding-top: 6px; border-bottom: 1px solid #999; }
table.fields td.section { font-size: 11px; font-weight: bold; padding: 6px 0px 3px 5px; color: #666; }
table.fields .field { width: 200px; padding: 0px 3px 0px 3px; }
.inputPassword { width: 80px; }
div.buttons { padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; text-align: right; }
div.buttons input { margin-left: 7px; }

table.fields .textarea { width: 100%; }

/* =validators */
.validatorTextFieldReq { color: Red; padding: 0px 0px 0px 10px; }
.validatorGridReq { color: Red; padding: 0px 0px 0px 10px; }
.validatorTelephone { color: Red; padding: 0px 0px 0px 10px; }
.valSummary { margin: 10px 0px 0px 0px; padding: 5px 5px 3px 5px; border: 1px dotted red; background-color: #FFFFCC; }
.valSummary li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; list-style-type: none; line-height: 18px; background: url(../images/icons/validation_error.gif) no-repeat top left; }
.valSummaryError { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: top; }

.required, .unique { float: right; width: 16px; height: 16px; }
.required { background: url(../images/icons/required.gif) no-repeat top left; }
.unique { background: url(../images/icons/unique.gif) no-repeat top left; }

/* =search */
.searchBox { background-color: #FFD598; margin: 0px 0px 0px 0px; padding: 10px 10px 0px 10px; height: 38px; }
.searchButton { float:right; display: block; border: 1px solid #999; background-color: White; margin: 2px 0px 0px 0px; padding: 2px 2px 2px 2px; }
.searchButton:hover { border: 1px solid #333; }
.searchBox { margin-bottom: 0px; border: 1px solid #666; }
.noResults { margin: 10px 0px 0px 0px; padding: 5px 5px 3px 5px; border: 1px dotted red; background-color: #FFFFCC;  }

.selItemContainer { }
.selItemName { background-color: White; border:1px solid #aaa; padding: 3px 3px 3px 3px; }
.selItemButtons { border:1px solid #aaa; padding: 3px 3px 3px 0px; background-color: White; vertical-align:top; }
.selItemButtons img { margin-left: 3px; }

/* =baselist */
.gridContainer { margin: 5px 0px 0px 0px; }
.baselist { width: 100%; border: 0; margin: 0; padding: 0; border-collapse: collapse; margin-bottom: -1px; margin-top: 5px; }
.baselist th { text-align: left; font-size: 10px; color: #000; padding: 0px 2px 2px 2px; border-bottom: 1px solid #343795; border-right: 1px solid #BDD3EF; }
.baselist td { text-align: left; font-size: 11px; padding: 1px 2px 1px 2px; border-right: 1px solid #BDD3EF; border-bottom: 1px solid #EEE; vertical-align: middle; }
.baselist td.value { padding: 1px 7px 1px 5px; }
.baselist th.value { padding: 0; }
.baselist .firstcol { border-right: 1px solid #ddd; }
.baselist .firstcol a {}
.baselist .last { border-right-style: none; }
.baselist a, .baselist a:link { text-decoration: none; color: #0066CC; }
.baselist .checkbox { margin: 0; padding: 0px 1px 0px 0px; text-align:center; }
.baselist .checkbox input { width: 10px; height: 10px; }
.baselist tr.alt td { background-color: #f4f9ff; }
.baselist tr.locked td { background-color: #ffecec; }
.baselist tr.selfedit td { background-color: #fff8e2; }
.baselist tr.deleted td { background: url(../images/deleted_bg.gif); color:#ccc; }
table.fields .baselist { background-color: White; }

table.fields td.second .gridContainer { border: 1px solid #666; padding: 0px 5px 5px 5px; background-color: #fff; margin: 5px 0px 0px 0px; }
table.fields td.second .searchBox { margin-top: 5px; }

div#pleaseWait { position:absolute; border: 1px solid #000; background-color: #FFFFCC; padding: 0px 0px 0px 0px; overflow:visible; left: -100px; opacity: 0.99; white-space: nowrap; overflow: visible; top: -100px; z-index: 10; font-weight: bold; }
div#waitSpinner { padding: 5px 5px 5px 25px; background: url(../images/loading.gif) no-repeat 4px 3px; }
div#waitMessage { background: none; }

/* =sorting */
.sortArrow { float: right; }
.colHeader { padding: 2px 3px 5px 5px; }
.colHeader:hover { background-color: #eee; cursor: pointer; cursor: hand; }

/* =notes */
#noteContainer { position:absolute; border: 1px solid #343795; background-color: #FFFFCC; padding: 5px 10px 10px 10px; overflow:visible; left: -400px; opacity: 0.00001; top: -400px; overflow:visible; z-index: 5; }
#noteContainer #notesTitle { float:left; width: 10px; }
#noteContainer #closeButton { padding: 0px 0px 5px 0px; width: 10px; float:right; border-bottom: 1px solid #343795; }
#noteContainer h5 { white-space: nowrap; }
#notes { }
#notes ul { margin: 0; padding: 0; list-style-type: none; }
#notes li { margin: 0; padding: 0; list-style-type: none; }

/* =pager */
.pagerContainer { border-top: 1px solid #ddd; background-color: White; overflow: auto; text-align: right; vertical-align: top; display: none; }
.pagerButtons { float: right; border-left: 1px solid #ddd; padding: 5px 0px 0px 5px; }
.pagerButtons a { display: block; float:left; padding-left: 3px; }
.pagerSummary { float: left; font-size: 10px; padding: 2px 4px 0px 6px; color: #999; }
.pagerSummary span { font-weight: bold; color: #666; }

/* =editor */
div.editorClosed { background-color: White; border: 1px solid #ACA899; padding: 5px 5px 5px 5px; }
.editorIcon { }
.editorIcon:hover { }

/* =notes */
table.notes { width: 602px; }
table.notes td.date { width: 91px; font-size: 11px; text-align: right; padding: 3px 8px 3px 0px; background-color: #EEE; border-right: 1px solid #ddd; border-bottom: 1px solid white; }
table.notes td.message { font-size: 11px; padding: 3px 3px 3px 10px; background-color: #D7E5FF; margin-left: 1px; border-left: 1px solid white; width: 502px; font-weight:bold; border-bottom: 1px solid white; }

/* Category detail */
div.detail { padding: 10px 0px 10px 0px; font-size: 12px; color: #666; }

/* =calendar */
h3.curDay { border-bottom: 1px solid #343795; margin: 0px 0px 10px 0px; padding: 0px 0px 5px 0px; font-size: 18px; color: #333; }
table.calView { width: 100%; }
table.calView td { vertical-align: top; }
table.calView td.summary { width: 80%; padding-right: 10px; }
table.calView td.dayPicker { width: 20%; padding: 1px 0px 0px 0px; }
table.dayView td { border-bottom: 1px solid #ddd; clear: both; }
table.dayView { width: 100%; vertical-align: top; }
table.dayView td.time { width: 1%; font-size: 16px; text-align: right; padding: 3px 4px 3px 5px; }
table.dayView td.time sup { font-size: 11px; padding-right: 5px; }
table.dayView td.events { padding-left: 10px; }
table.dayView td.timeline { width: 1px; }

/* =address input */
.addressLabel { font-size: 10px; padding: 0px 0px 2px 0px; color: #666; }
.addressLine1, .addressLine2, .addressCity, .addressLineState, .addressZip, .addressCountry {}
.addressWrapper input { height: 17px; margin-bottom: 4px; }
.addressLine1, .addressLine2 { float: left; width: 220px; }
.addressLine1 input, .addressLine2 input { width: 207px; }
.addressCity, .addressState { float: right; width: 200px; }
.addressCity input, .addressState input { width: 196px; }
.addressState select { width: 200px; }
.addressZip { float: left; clear: left; width: 163px; }
.addressZip input { width: 150px; }
.addressCountry { float:right; width: 260px; }
.addressCountry select { width: 260px; }

/* =doc manager */
.breaker { clear: both; font-size: 1px; }
.docManager { border: 1px solid #999; background-color: White; padding: 6px 6px 0px 6px;  margin: 0px 0px 5px 0px; text-align: left; }
.uploadBox { margin: 0px 0px 5px 0px; position: relative; text-align: left; }
.uploadBox input {}
.docItem { height: 25px; text-align: left; margin: 0px 0px 5px 0px; }
.docIcon { margin: 5px 8px 0px 5px; float: left; }
.docTitle { display: block; padding: 5px 0px 0px 0px; }
.docSize { display: inline; color: #AAA; float: right; margin: 0px 5px 0px 0px; padding: 5px 0px 0px 0px; }
.docDelete { float: right; margin: 4px 0px 0px 0px; padding: 0px 0px 0px 3px; border-left: 1px solid #ddd; }

.previewImage { margin-bottom: 6px; }

.uploadStatus {
  margin: 5px;
}

.progressBar {
  margin: 5px;
}

.progressBar .border {
  background: url(/images/progress-remainder.gif) repeat-x;
  border-left: 1px solid grey;
  border-right: 1px solid grey;
  width: 100%;
}

.progressBar .background {
  background: url(/images/progress-bar.gif) repeat-x;
  height: 18px;
  width: 0%;
}