.def.txt { font-size:10px !important; }
input.date { width:75px; }
.filter.rating input { margin-left:10px; }

.layout { width:100%; }
.txt { padding:2px; height:16px; width:190px; }
.frm { color:#000; }
.frm .labelR .label { text-align:right; }
.frm .indented label { padding-left:10px; }
.form .fieldHolder.noLabel>label { display:none !important; }
.frm .b label { font-weight:bold; }
.frm .txt { padding:2px; font-size:12px; }
.frm .noPad .data, .frm .noPad .txt { padding:0px; }
.frm .lines .data { margin-bottom:0px; }
.frm td { vertical-align:top !important; }
.q { width:100%; }
.frm h2 { margin:0px 0px 0px 0px; }
/* end View */



/* Tab Box */
.tabBoxHolder .tabBox { padding:10px; }

.tabBox .tabHead { margin-left:0px; }
.tabBox .tabHead .tabLabel { 
	cursor:pointer;
	display:block; float:left; background:#eee; border:1px #888 solid; border-width:1px 1px 1px 0px; padding:3px; margin-bottom:-1px;
	font-size:8px; color:#000; text-transform:uppercase; 
}

.tabBox .tabBody { display:block; background:#fff; min-height:30px; border:1px #888 solid; border-width:1px 1px 1px 1px; }
.tabBox .tabBody .tabItem { display:none !important; }
.tabBox .tabBody .tabItem.active { display:block !important; }
.tabBox .tabBody .tabItem table.browseHolder { border:0px transparent solid !important; }
.tabBox .tabBody .tabItem .subsection.tab { height:100%; }
.tabBox .tabBody .tabItem .subsection.tab .fieldset { background:#fff; }

.tabBox .tabHead .tabLabel:first-child { border-left:1px #888 solid; }
.tabBox .tabHead .tabLabel.active { background:#fff; border-bottom-color:#fff; }

.tabBox .tabBody .tabItem.data { overflow-x:hidden; }
.tabItem>.tab { border-spacing:0px; overflow:auto; }
.tabItem>.tab>.fieldset { display:block; position:relative; border:0px transparent solid !important; }
.tabItem>.tab>.fieldset>.layout>tbody>.layoutTable { border:1px #0f0 solid; width:100%; height:100%; position:absolute; top:0px; left:0px; right:0px; bottom:0px; }
.form .fieldHolder.browseHolder { padding:0px; margin:0px; }
.form .fieldHolder.browseHolder table { table-layout:fixed; padding:0px; margin:0px; }


/* specific Tab Boxes */
.tabBox .data table { border-width:0px; }

/* end Tab Box */

/* form styling */
/*.formContainer { position:absolute; top:0px; right:0px; bottom:0px; left:0px; }*/

.lbForm .lightboxBody { padding:30px; background:#fff; }
.lightboxBody .form { width:auto; padding:30px; background:#fff; }

.formContainer>.formHead { border-bottom:1px #bbb solid; }
/*.formContainer>.formBody { border-top:1px #eee solid; border-bottom:1px #bbb solid;  }*/
.formContainer>.formFoot { border-top:1px #eee solid; text-align:right; padding-top:10px; margin-top:15px; }
.detailsCol .formContainer>.formBody { margin-top:0px; padding-top:0px;  }	/* add 90px to bottom to accomodate switching to edit mode */
.formContainer>.formFoot .submit { float:right; margin-right:10px; font-weight:bold; }

table { border-collapse:collapse; }
table.sectionsHolder { width:100%; margin-bottom:15px; }
.form .formHeading { margin:5px 0 5px 0; }
.form td, .form tbody { vertical-align:top; padding:0px; }
.form .fieldset { padding:10px; margin:10px; background:#f3f3f3; height:100% !important; }
.form .form .fieldset { padding:5px; margin:5px; }
.form .tabItem .fieldset { padding:0px; margin:0px; }
.form .noBG .fieldset { background:inherit; }
.form .fieldset.noPad { padding:0px; }
.form .fieldset.padTop { padding-top:10px; margin-top:10px; }
.form .fieldset.padRight { padding-right:10px; margin-right:10px; }
.form .fieldset.padLeft { padding-left:10px; margin-left:10px; }
.form .fieldset.padBottom { padding-bottom:10px; margin-bottom:10px; }
.form .fieldset.noBorder { border:none !important; }
.form .fieldset legend { font-weight:bold; padding:0 0 7px 0; font-size:9px; text-transform:uppercase; }
.form .fieldHolder { clear:both; padding:3px; }
.form .noPad .fieldHolder { padding:0px; }
.form .fieldHolder .label { color:#444; font-size:9px; }
.form .fieldHolder.disabled .label { color:#555; }
.form .hidden { display:none !important; }
.form .fieldHolder.hidden { display:none !important; }
.form.edit { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
.form .fieldHolder.hide { display:none !important; }
.form.edit .fieldHolder.hideOnEdit { display:none !important; }
.form.edit .showDisabled input.disabled { background:#f9f9f9; color:#000 !important; }
.form.edit .showDisabled select.disabled { background:#eeeeee !important; padding:3px 8px 3px 8px; border:1px #ddd solid; opacity:1; -moz-opacity:1; color:#000 !important; -webkit-appearance: none; }
.form.view .showDisabled .disabled { opacity:1; -moz-opacity:1; color:#000 !important; -webkit-appearance: none; }
.form.edit .fieldHolder.hideOnEdit.show { display:block !important; }
.form.edit .tableLayout .fieldHolder.hideOnEdit.show { display:table-row; }

.form .borderTop>.fieldset { border-top:1px #888 solid; }
.form .borderBottom>.fieldset { border-bottom:1px #888 solid; }
.form .borderLeft>.fieldset { border-left:1px #888 solid; }
.form .borderRight>.fieldset { border-right:1px #888 solid; }

/* viewing */
.form.view .formBody { margin-bottom:90px;  }	/* add 90px to bottom to accomodate switching to edit mode */
.detailsCol .form.view .formBody { margin-bottom:0px;  }	/* add 90px to bottom to accomodate switching to edit mode */
.form .form.view .formBody { margin-bottom:0px !important;  }	/* add 90px to bottom to accomodate switching to edit mode */
.form.view .tableLayout .fieldHolder { padding:1px; border-top:0px; }
.form.view .fieldHolder label { padding:1px !important; }
.form.view .inputHolder>span { margin-left:10px; }
.form.view .lines .inputHolder>span { margin-left:0px !important; }
.inlineLayout .fieldHolder.hideOnBlank.blank { display:none; }
.tableLayout .fieldHolder.hideOnBlank.blank { visibility:hidden; }
.form.edit .fieldHolder.hideOnBlank.show { visibility:visible; }

.form.view .submit { display:none; }
.form.view form.edit .submit { display:block; }
.form.edit form.view .submit { display:none; }
.form.view label { cursor:default !important; }
.form.view .fieldHolder.hideOnView { display:none !important; }
.lightboxContainer .form .modeLinks { margin-right:25px; }
.form.view .modeLinks { cursor:pointer; }
.form.view .modeLinks .edit { background:url(/i/ui/icons/pencil.20.png) center center no-repeat; width:25px; height:25px; }
.form.edit .modeLinks .view { background:url(/i/ui/icons/refresh.20.png) center center no-repeat; width:25px; height:25px; }
.form .form.view .modeLinks .edit { background-image:url(/i/ui/icons/pencil.15.png);  width:15px; height:15px; }
.form .form.edit .modeLinks .view { background-image:url(/i/ui/icons/refresh.15.png); width:15px; height:15px; }
.form.view .line .integerHolder .inputHolder { text-align:right; }

.form.view>.formContainer>.formHead>.modeLinks>.view { display:none; }
.form.edit>.formContainer>.formHead>.modeLinks>.edit { display:none; }


/* table layout for forms */
.form .tableLayout>.layout>tbody { width:100%; display:table; }
.form .tableLayout table.layoutTable.table { width:100%; display:table; }
.form .tableLayout table.layoutTable.table .fieldHolder { width:100%; border-top:1px #e9e9e9 dotted; }
.form .tableLayout table.layoutTable.table .fieldHolder>.outerFieldHolder { display:table; width:100%; }
.form .tableLayout table.layoutTable.table .fieldHolder>.outerFieldHolder>.innerFieldHolder { display:table-row; }
.form .tableLayout table.layoutTable.table .fieldHolder>.outerFieldHolder>.innerFieldHolder>label { display:table-cell; padding:5px 7px 5px 7px; font-size:12px; }
.form .tableLayout table.layoutTable.table .fieldHolder>.outerFieldHolder>.innerFieldHolder>.data { display:table-cell; float:right; }
/* smaller fixed width label so float left */
.form .tableLayout table.layoutTable.table .fieldHolder.labelSm>.outerFieldHolder>.innerFieldHolder>label { width:100px; }
.form .tableLayout table.layoutTable.table .fieldHolder.labelSm>.outerFieldHolder>.innerFieldHolder>.data { float:left; }
/* block within table layout */
.form .tableLayout table.layoutTable.table .fieldHolder.block>.outerFieldHolder { display:block !important; }
.form .tableLayout table.layoutTable.table .fieldHolder.block>.outerFieldHolder>.innerFieldHolder { display:block !important; }
.form .tableLayout table.layoutTable.table .fieldHolder.block>.outerFieldHolder>.innerFieldHolder>label { display:block !important; clear:both !important; float:none !important; }
.form .tableLayout table.layoutTable.table .fieldHolder.block>.outerFieldHolder>.innerFieldHolder>.data { display:block !important; clear:both !important; float:none !important; }

/* sub section */
.form .subsection .fieldset { padding:5px 10px 5px 10px; border:1px #fff solid; }
.form .subsection .fieldset legend { font-weight:normal; }
/* subsection within field element */
.form .fieldHolder.subsection>.data { border-top:0px;  }
.form .fieldHolder .subsection>.fieldset>table>thead legend { display:none; }
.form .fieldHolder .subsection>.fieldset { padding:0px; border:0px;  }

/* lines layout */
.layout.lines .layoutTable.lines>thead>tr { 
	border-bottom:1px #999 solid;
	font-weight:normal;
	font-size:8px;
	text-transform:uppercase;
}

.layout.lines .layoutTable.lines>tfoot>tr { 
	border-top:1px #999 solid;
}

.form .lines .data>input { text-align:left; }
.form .lines .integerHolder .data>input { text-align:right; }
.form .lines { width:100%; }
.form .lines>thead th { font-weight:normal; font-size:9px; text-transform:uppercase; padding-bottom:2px; border-bottom:1px #888 solid; }
.form .lines>thead th.actinCol { border-bottom-color:transparent; }
.form .lines>tbody tr .actionCol div { float:left; visibility:hidden; cursor:pointer; margin-top:3px; width:16px; height:16px; font-size:14px; }
.form .lines>tbody tr .actionCol .remove { font-size:20px; color:#f00; text-shadow:1px 1px #bbb; }
.form .lines>tbody tr:hover .actionCol div { visibility:visible; }
.form .lines>tbody .fieldHolder { width:auto; display:table-cell; border-top:none; clear:none; padding:0px; }
.form .lines>tbody { display:auto; }
.form .showRows .lines>tbody>tr>td { border-bottom:1px #ddd solid; }
.form .highlightRows .lines>tbody>tr:hover { background:#e9e9e9; }
/*.form .lines>tbody>tr:last-child { display:none; }*/
.form .linesHolder .data { display:table-row !important; }
.form .lineTotals>.fieldset { border-top:1px #444 solid; }
.form .lineTotals>.fieldset .label { min-width:0px !important; }

/* inline layout */
.inlineLayout .fieldHolder { display:block; float:left; clear:none; }


/* browse screen within section */
.form td .fieldHolder.browse { height:100%; padding:0px; }
.form td .fieldHolder.browse .data { margin-bottom:0px; padding:0px; }
.form td .fieldHolder.browse .browseHolder { height:100% !important; }
.form td .fieldHolder.browse.mini .browseHolder { height:90px; }
.form td .fieldHolder.browse.sm .browseHolder { height:80px; }
.form td .fieldHolder.browse.med .browseHolder { height:150px; }
.form td .fieldHolder.browse.lg .browseHolder { height:250px; }
.form td .fieldHolder.browse.xlg .browseHolder { height:500px; }
/* tab box within a section */
.form td .tabItem legend { display:none; }
.form td .tabItem .fieldset { padding:0px; }

/* classNames for form section */
.noMarginTop { margin-top:-5px; }
/* end classNames for form section */

/* label */
.form td .fieldHolder .data .label { font-size:10px; color:#777; }

/* input boxes */
.form .fieldHolder select, .form .fieldHolder input.txt { width:150px; }
.form .lines .line .fieldHolder select, .form .lines .line .fieldHolder input.txt { width:auto; }
.form .fieldHolder input.xsm, .form .fieldHolder.inpXsm input, .form .fieldHolder.xsm input { width:40px; }
.form .fieldHolder input.sm, .form .fieldHolder.inpSm input, .form .fieldHolder.sm input { width:50px; }
.form .fieldHolder input.med, .form .fieldHolder.inpMed input, .form .fieldHolder.med input{ width:180px; }
.form .fieldHolder input.lg, .form .fieldHolder.inpLg input, .form .fieldHolder.lg input{ width:180px; }
.form .fieldHolder input.xlg, .form .fieldHolder.inpXlg input, .form .fieldHolder.xlg input { width:180px; }
.form.edit input.disabled { background:#f9f9f9; color:#000 !important; }

.form .fieldHolder.lookup .actionEnabled { width:190px; }
.form .fieldHolder.lookup select { width:160px; }

/* auto lookup */
input.autolookup {

}
.autolookupChooser {
	display:none;
	position:absolute;
	z-index:5;
	margin-top:-3px;

	border:1px #999 solid;
	background:#fff;
	width:150px;
	overflow:hidden;

	-moz-box-shadow:    1px 1px 0px 0px #ccc;
	-webkit-box-shadow: 1px 1px 0px 0px #ccc;
	box-shadow:         1px 1px 0px 0px #ccc;
}
.autolookupChooser .opt.high {
	background:#eef;
	font-weight:bold;
	cursor:pointer;
}
.autolookupChooser .opt:first-child {
	border-top-width:0px;
}
.autolookupChooser .opt {
	border-top:1px #ddd solid; 
	padding:5px;

	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow:ellipsis;
}
.inputHolder.focus .autolookupChooser {
	display:block;
}

/* floating additional options display */
.form .fieldHolder.lookup .actions { display:inline-block; margin-left:3px; visibility:hidden; font-size:11px; vertical-align:bottom; }
.form .fieldHolder.lookup:hover .actions { visibility:visible; }
.floatSelectBox .floatSelectBoxHeader { background:url(/i/ui/inputs/lookup/more.png) center center no-repeat; overflow:hidden; border:1px #999 solid; border-radius:2px; width:15px; height:16px; margin-bottom:2px; color:#fff; }
.floatSelectBox .floatSelectBoxSeperator { display:none; border-top:1px #eee solid; width:15px; margin:-3px 0 0 1px; position:absolute; z-index:2; }
.floatSelectBox .floatSelectBoxOps { width:0px; height:0px; visibility:hidden; background:#eee; border:1px #000 solid; border-radius:0px 2px 2px 2px; font-size:10px; min-width:130px; position:absolute; z-index:1; margin-top:-3px; }
.floatSelectBox:hover .floatSelectBoxHeader { border-color:#444; }
.floatSelectBox:hover .floatSelectBoxSeperator { display:block; }
.floatSelectBox:hover .floatSelectBoxOps, .floatSelectBox.hover .floatSelectBoxOps { width:auto; height:auto; visibility:visible; }
.form.view .floatSelectBox:hover .floatSelectBoxOps, .form.view .floatSelectBox.hover .floatSelectBoxOps { display:none; }
.floatSelectBox .floatSelectBoxLink:first-child { border-top:0px dotted transparent; }
.floatSelectBox .floatSelectBoxLink { display:block; min-height:10px; cursor:pointer; color:#333; text-align:left; padding:4px; border-top:1px dotted #fff; }
.floatSelectBox .floatSelectBoxLink:hover { background:#fff; color:#000; }

/* floating additional options display for icon */
.floatSelectBox.icon .floatSelectBoxHeader { background:auto; width:20px; height:20px; color:#fff; }
.form.view .floatSelectBox.icon .floatSelectBoxHeader { background:auto; width:20px; height:20px; color:#fff; }
.floatSelectBox.icon .floatSelectBoxSeperator { width:20px; } 
.floatSelectBox.icon span.label { 
	color:#fff !important; text-shadow:1px 1px #666; 
	margin:-10px 0 0 7px; padding:0px 4px 0 4px; 
	border-radius:5px; border:1px #fff solid; border-width:0px 1px 1px 0px; background:#000; 
	display:inline-block; position:relative;
}
.floatSelectBox.disabled .floatSelectBoxHeader { opacity:.4; }
.floatSelectBox.disabled .actionBx { display:none; visibility:none; }
.floatSelectBox.disabled .floatSelectBoxSeperator { display:none; visibility:none; }


.form.tableLayout.view .fieldHolder .data { padding-top:5px; }
.form.tableLayout.view .fieldHolder.empty .data { padding:0px; }
/* date & date range */
input.date { width:85px; }
.inputHolder.range.date { width:200px; height:14px; overflow:visible; }
.inputHolder.range.date div { float:left; }
.inputHolder.range.date .calendarHolder { margin-top:23px !important; }

/* location */
.form td .fieldHolder.loc { }
.form.view td .fieldHolder.loc img { margin-right:10px; }
.form.view td .fieldHolder.loc .data .locTxt { width:175px; }
.form.edit td .fieldHolder.loc input.addressLine { display:none; clear:both !important; width:190px; }
.form.edit td .fieldHolder.loc .locInputHolder {  }
.form.edit td .fieldHolder.loc .locInputHolder input { margin-bottom:4px !important; }
.form.edit td .fieldHolder.loc .locInputHolder .locHolder {  width:203px; }
.form.edit td .fieldHolder.loc .locInputHolder .al1 { display:block !important; }
.form.edit td .fieldHolder.loc .locInputHolder.updal1 .al2 { display:block; }
.form.edit td .fieldHolder.loc .locInputHolder.updal2 .al3 { display:block; }
.form.edit td .fieldHolder.loc .locInputHolder.updal3 .al4 { display:block; }
.form.edit td .fieldHolder.loc .locInputHolder .ci { width:127px; margin-right:5px; float:left; }
.form.edit td .fieldHolder.loc .locInputHolder .st { width:50px; margin-right:5px; float:left; }
.form.edit td .fieldHolder.loc .locInputHolder .pc { width:60px; float:left; margin-right:5px; }
.form.edit td .fieldHolder.loc .locInputHolder .co { width:117px; float:left; }
.form.edit td .fieldHolder.loc .numberHolder .txt { width:130px; }
.form.edit .lines .data { text-align:center; }
.form.view .lines>tbody tr td .inputHolder { margin-top:4px; }

/* text area */
.form.edit .fieldHolder textarea { width:95%; min-height:50px; }
.form .tableLayout .fieldHolder.textareaHolder .data { display:block; width:100%; }
.form .tableLayout .fieldHolder.textareaHolder { margin:0px; }
.form .tableLayout .fieldHolder.textareaHolder label { display:block; text-align:left; vertical-align:top; }
.form.view .tableLayout .fieldHolder.textareaHolder .data { display:block;clear:both; background:#fff; border:1px #999 solid; margin:5px 0 5px 0px; }
.form.view .tableLayout .fieldHolder.textareaHolder .data span { display:block; padding:5px; }
.form.view .tableLayout .fieldHolder.textareaHolder.blank .data { background:#f9f9f9; border:1px #bbb solid; }

/* button */
.fieldHolder.button {
		display:block; float:left; margin:2px; height:12px; padding:4px 8px 4px 8px; 
		background:#f2f2f2; border:1px #999 solid; border-radius:2px; cursor:pointer;  
}
.fieldHolder.button .data { font-weight:bold; text-transform:uppercase; font-size:9px; }
.fieldHolder.button:hover { background:#fff; border-color:#666; }

/* button chooser */
.button_chooser {
	display: inline-block;
	float: right;
	max-width: 350px;
	height: 40px;
	border: 1px #bbb solid;
	background: url(/i/ui/inputs/button_chooser/middle.png) center center repeat-x;
	border-radius: 5px;
}
.button_chooser>div {
	position: relative;
	display: inline-block;
	height: 40px;
	width: 58px;
	cursor: pointer;
}
.button_chooser>div>div {
	position: absolute;
	top: 0px; right: 0px;
	bottom: 0px; left: 0px;

	border-left: 1px #fff solid;
	border-right: 1px #bbb solid;

	line-height: 110%;
	padding-top: 10px;
	text-align: center;
	font-size: 10px;
	color: #000;
	text-shadow: 1px 1px #fff;
}
.button_chooser>div.firstChild>div {
	border-left: 0px;
}
.button_chooser>div.lastChild>div {
	border-right: 0px;
}
.button_chooser>div>div:hover {
	background: url(/i/bg/transparent/white/30.png) top left repeat;
}
.button_chooser>div.high>div {
	background: url(/i/bg/transparent/white/60.png) top left repeat;
	color: #00a2ff;
}

/* slider */
.slide { 
	height: 18px; 
	padding-top: 2px; 
	margin-top: -4px;
	-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; 
}
.slide div { float:left; }
.slide .slideHolder, .slide .label { cursor:pointer; }
.form.edit .disabled .slide .slideHolder { cursor:not-allowed; }
.slide .slideHolder { height:16px; }
.slide .track { border:1px #999 solid; border-top-width:0px; width:70px; height:5px; margin:7px 10px 0 10px; }
.slide .track .slider { 
	width:10px; 
	height:25px; 
	overflow:visible; 
	margin-left:-7px; 
	margin-top:-13px; 

	background:transparent url(/i/ui/inputs/slide/slider.sm.png) bottom right no-repeat;  

	font-size:9px; 
	text-align:center; 
}
.slide .label { margin-top:4px; color:#666; min-width:40px; }
.slide .label.left { text-align:right; }

.form.view .slide .track, .form.view .slide .track .val { width:140px; overflow:hidden; }
.form.view .slide .track { height:15px; border:1px #999 solid; background:#bbb; margin-top:-2px; overflow:hidden; border-radius:4px; }
/*.form.view .slide .track .val { position:absolute; margin-top:2px; color:#fff; font-size:10px; text-align:center; }*/
.form.view .slide .track .slider { height:0px; overflow:visible; position:relative; z-index:4; margin-top:2px; }
.form.view .slide .track .slider { height:17px; background:#333; margin-top:-2px; }
.form.view .slide .track .slider .ui { position:absolute; left:0px; width:130px; margin-left:18px; color:#fff; text-shadow:1px 1px #000; font-size:10px; text-align:center; padding-top:3px; }

.form.edit .slide .slideHolder { position:absolute; margin:10px 0 0 40px; }
.form.edit .slide { width:180px; }
.form.edit .slide .label.right { float:right; }

.form.view .slide .track.perc00, .form.view .slide .track.perc10, .form.view .slide .track.perc20 { background-color:#900; }
.form.view .slide .perc00 .slider { background-color:#000 !important; }
.form.view .slide .perc10 .slider { background-color:#000 !important; }
.form.view .slide .perc20 .slider { background-color:#000 !important; }
.form.view .slide .perc30 .slider { background-color:#953 !important; }
.form.view .slide .perc40 .slider { background-color:#864 !important; }
.form.view .slide .perc50 .slider { background-color:#777 !important; }
.form.view .slide .perc60 .slider { background-color:#684 !important; }
.form.view .slide .perc70 .slider { background-color:#593 !important; }
.form.view .slide .perc80 .slider { background-color:#4A2 !important; }
.form.view .slide .perc90 .slider { background-color:#0B1 !important; }
.form.view .slide .perc100 .slider { background-color:#0F0 !important; }

/* checkbox */
.form.view .checkboxHolder .dataHolder { text-align:center; }
.form.view .line .checkboxHolder { text-align:center; }
.form.view .checkbox { width:9px; height:9px; border-radius:8px; border:1px #999 solid; margin-top:8px; display:inline-block; }
.form.view .line .checkbox { margin-top:0px; }
.form.view .checkbox.on { background-color:#0f0; }
.form.view .checkbox.off { background-color:#555; }

/* switch */
.form.view .switch { width:8px; height:8px; margin-top:8px; border-radius:4px; border:1px #999 solid; display:inline-block; }
.form.view .switchHolder .data { text-align:center; }
.form.view .switch.on { background-color:#0f0; }
.form.view .switch.undefined { background-color:#999; }
.form.view .switch.off { background-color:#f00; }
.form.edit .switchTrack { width:100px; height:20px; padding-top:4px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
.form.edit .lines .switchTrack { width:auto; }
.form.edit .lines .switch .switchTrack { width:80px; display:inline-block; }
.form.edit .switchTrack .slider { 
	background:#fff; border:1px #999 solid; 
	border-radius:3px;
	margin:2px 12px 2px 12px;
	padding:2px;
	width:34px;
	float:left;
}
.form.edit .switchTrack.on .swtch { float:right; }
.form.edit .switchTrack .label { margin-top:0px; float:left; }
.form.edit .switchTrack .onLabel { padding-left:3px; }
.form.edit .switchTrack .offLabel { padding-right:3px; }
.form.edit .switchTrack .slider, .switchTrack .label{ cursor:pointer; }
.form.edit .switchTrack .disabled .slider { cursor:not-allowed; }


/* highlights */
.switchTrack .swtch { 
	width:100%; height:11px; 
	border-radius:10px;
}
.switchTrack.on .swtch, .switchTrack.off .swtch { width:11px; }
.switchTrack.on .swtch { background:#090; }
.switchTrack.off .swtch { background:#900; }

.switchTrack .swtch { background:#999; }
form .switch .on { color:#090; }
form .switch .off { color:#900; }
.form.edit .switchTrack .onLabel { padding-left:3px; }
.form.edit .switchTrack .offLabel { padding-right:3px; }
/*
.switchTrack.on .swtch { float:right; background-position:top right;   }
.switchTrack.off .swtch { float:left; background-position:top left;   }
*/
/*.switchTrack.on .onLabel, .switchTrack.off .offLabel { color:#000 !important; font-weight:bold; }*/
/* switch */


.switchTrack .swtch { width:11px; height:11px; float:none; display:inline-block; }
.switchTrack .slider { text-align:center; }
.switchTrack.on .slider { text-align:right; }
.switchTrack.off .slider { text-align:left; }
.switchTrack.on .swtch, .switchTrack.off .swtch { width:11px; }

/* units */
.form td .fieldHolder .units input.unit { width:40px !important; }
.form td .fieldHolder .units td { font-size:9px; padding:0 2px 0 2px; }


/* calendar */
.calendarHolder { display:none; }
.calendar { 
	background:#fff; position:absolute; z-index:10; margin:-3px 0 0 -10px; padding:5px; border:1px #999 solid; font-size:10px; 
	-moz-box-shadow: 4px 4px 2px #888;
	-webkit-box-shadow: 4px 4px 2px #888;
	box-shadow: 4px 4px 2px #888;
}
.calendar thead { background:#eee; }
.calendar thead td.prior { background:url(/i/ui/triangles/grey/left.png) no-repeat center center; color:transparent; }
.calendar thead td.next { background:url(/i/ui/triangles/grey/right.png) no-repeat center center; color:transparent; }
.calendar thead .moYear { font-weight:bold; }
.calendar thead th div { padding:3px; text-align:center; }
.calendar tbody { font-size:9px; padding:10px; }
.calendar tbody td.high { background:#000 !important; color:#fff; font-weight:bold;  }
.calendar tbody td.prioMo:hover { background:#fff !important; }
.calendar tbody .today { border:1px #bbb solid; }
.calendar tbody td div { padding:2px; text-align:center; cursor:pointer; }
.calendar tbody td:hover { background:#333; color:#fff; }
.calendar tfoot th { text-decoration:underline; font-size:8px; text-transform:uppercase; text-align:center; background:#eee; padding:2px; }

/* custom messaging */
.area_lb .lightboxContainerBody {
	background: transparent !important;
}
.alert {
	background: #f9f9f9;
	border-radius: 5px;
	border: 1px #ddd solid;
}
.alert .heading {
	font-size: 9px;
	text-transform: uppercase;
	padding: 4px;
	background: #eee;
	border-bottom: #eee;
	color: #444;
}
.alert .bod {
	padding: 20px;
}
.alert .footer  {
	margin-top: 20px;
}
.alert .footer .btn {
	float: right;
}
.alert .footer .btn {
	border-color: #eee;
}
.alert .footer .btn.confirm {
	border-color: #bbb;
}