/* CheckBox 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.checkbox + label
{
	display: -moz-inline-block;
	display: inline-block;
	width: auto;
}
.checkboxAuto + label
{
	width: auto;
}
/* Use this class if the check box's text wraps to the next line.
 */
.checkboxOverflow
{
	float: left;
}
.checkboxOverflow + label
{
	display: -moz-inline-block;
	display: inline-block;
	width: auto;
}

/* CheckBoxList 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.checkboxlist input
{
	display: inline;
	vertical-align: middle;
}
.checkboxlist label
{
	display: inline-block;
	width: 192px;
}
.checkboxlistAuto input
{
	display: inline;
	vertical-align: middle;
}
.checkboxlistAuto label
{
	display: inline-block;
	width: auto;
}

/* InovexDate
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.date > .dropdownlistMonth
{
	border: solid 1px #ccc;
	width: auto;
}
.date > .textboxDay
{
	width: 35px;
}
.date > .textboxYear
{
	width: 56px;
}

/* DropDownList
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
select.dropdownlist
{
	width: 192px;
	border: solid 1px #ccc;
}

/* File upload
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.fileUpload
{
	display: -moz-inline-block;
	display: inline-block;
	vertical-align: top;
}
.fileUpload > li
{
	background: url('/Content/Images/attachment.png') no-repeat;
	background-position: 0 center;
	padding-left: 16px;
	position: relative;
	vertical-align: middle;
}

.fileUpload .delete
{
	background: url('/Content/Images/delete-x.png') no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	display: -moz-inline-block;
	display: inline-block;
	height: 16px;
	margin-left: 16px;
	width: 16px;
	vertical-align: middle;
}

.fileUpload > li:hover .delete
{
	background-position: 0px -16px;
}

.fileUpload .buttonFileUpload, .fileUpload .file:hover
{
	color: #034af3;
	cursor: pointer;
	text-decoration: underline;
}

/* Hint
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.hintText
{
	display: none;
}
.hintIcon
{
	margin: 0 3px;
}
label > .hintIcon
{
	margin: 0 2px 0 0;
}

/* Inovex Step
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.inovexStep
{
	/*border: solid 1px #ccc;*/
    margin-top: 5px;
}
.inovexStep .title
{
	color: #696969;
	font-size: 1.5em;
	font-weight: bold;
	padding: 5px;
}
.inovexStep .subtitle
{
	border-bottom: solid 1px #c8c8c8;
	color: #696969;
	font-weight: bold;
	margin-top: 16px;
}
.inovexStep .body
{
	padding: 5px;
	position: relative;
}
.inovexStep .footer
{
	height: 24px;
	padding: 3px;
	position: relative;
}
.inovexStep .footer .back
{
/*
	background: url('/Content/Images/backButton.png') no-repeat;
	background-position: 0px 0px;
	padding: 5px 5px 5px 0;
*/
	position: absolute;
	left: 4px;
	bottom: 4px;
	/*text-align: right;*/
	width: 85px;
}
.inovexStep .footer .back:hover
{
	cursor: pointer;
	color: #006699;
}
.inovexStep .footer .next
{
/*
	background: url('/Content/Images/nextButton.png') no-repeat;
	background-position: right top;
	font-weight: bold;
	padding: 5px 0 5px 5px;
*/
	position: absolute;
	right: 4px;
	bottom: 4px;
	width: 105px;
}
/*
.inovexStep .footer .next:hover
{
	cursor: pointer;
	color: #006699;
}
*/
/*.inovexStep input.button, .inovexStep input[type=submit]
{
	color: #696969;
	cursor: pointer;
	font-weight: normal;
	padding: 1px 8px;
	min-width: 64px;
}*/
.success
{
	background: #f9f6bc;
	border: dotted 1px #8c8c8c;
	padding: 4px 10px;
}

/* Inovex Step Navigator
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.inovexStepNavigator
{
	position: relative;
	padding: 10px;
}

.inovexStepNavigator > .title
{
	height: 50px;
}

.inovexStepNavigator > div.steps
{
	height: 36px;
	margin-bottom: 5px;
}

.inovexStepNavigator > div.steps > .step
{
	float: left;
	width: 120px;
}

.inovexStepNavigator > div.steps > .stepText
{
	font-size: 1.5em;
	line-height: 36px;
}

.inovexStepNavigator > div.steps > .stepImage
{
	background: url('/Content/Images/stepcirclegray.png') no-repeat;
	background-position: 50%;
	color: #fff;
	display: -moz-inline-block;
	display: inline-block;
	font-size: 1.5em;
	height: 36px;
	line-height: 36px;
	margin: 0 40px 0 5px;
	text-align: center;
	width: 36px;
	
}
.inovexStepNavigator > div.steps > .stepSelectedImage
{
	background: url('/Content/Images/stepcircle.png')  no-repeat;
	background-position: 50%;
}

/* end steps */

/* Label
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.label
{
	display: -moz-inline-block;
	display: inline-block;
	margin-right: 3px;
	text-align: right;
	width: 160px;
}

/* List Adder
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
table.listAdderTable
{
	border: solid 1px #999;
}

.listAdderButtonBar
{
	height: 16px;
	position: relative;
}
.listAdderButtonBar .closeButton
{
	background: url('/Content/Images/red-x-button.png') no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	display: -moz-inline-block;
	display: inline-block;
	height: 16px;
	position: absolute;
	right: 0;
	top: 0;
	width: 16px;
	vertical-align: middle;
}
.listAdderButtonBar .closeButton:hover
{
	background-position: 0px -16px;
}
.listAdderButtonBar .minimizeButton
{
	background: url('/Content/Images/left-arrow.png') no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	display: -moz-inline-block;
	display: inline-block;
	height: 16px;
	position: absolute;
	right: 20px;
	top: 0;
	width: 16px;
	vertical-align: middle;
}
.listAdderButtonBar .minimizeButton:hover
{
	background-position: 0px -16px;
}
.listAdderTitleText
{
	
}
.listAdderDeleteItemButton, .listAdderEditItem
{
	text-decoration: underline;
	cursor: pointer;
}
.listAdderAddExistingItemsButton, .listAdderAddNewItemsButton
{
	cursor: pointer;
	text-decoration: underline;
	margin-right:5px;
}

.listAdderDiv
{
	background-color: #ffff99;
	display: none;
	width: 375px;
	height: 290px;
	padding-left: 25px;
	position: relative;
	border: solid 1px Gray;
}

.listAdderInnerDiv
{
	float: left;
	padding-right: 10px;
}

.listAdderExistingList
{
	background-color: #fff;
	border: solid 1px #ccc;
	height: 200px;
	overflow: auto;
	margin: 8px 0;
	width: 350px;
}

.listAdderPopupButton
{
	text-decoration: underline;
	cursor: pointer;
}

.listAdderSearchDiv, .listAdderAddDiv
{
	display: none;
	float: left;
	width: 350px;
}
.listAdderSearchDiv .searchResults
{
	display: none;
	padding-left: 64px;
}
.listAdderChecklist
{
	background: #fff;
	border: solid 1px #ccc;
	display: block;
	height: 150px;
	overflow-y: auto;
}
.listAdderSearchDiv .searchButtons
{
	display: none;
	text-align: right;
}

.listAdderAddDiv .searchButtons
{
	text-align: right;
}
.listAdderAddNewTextArea
{
	width: 350px;
}

.listAdderMinimize
{
	display:inline-block;
	width:390px;
	text-align:right;
	vertical-align:middle;
	cursor:pointer;
}

/* RadioButtonList
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.radiobuttonlist
{
	display: inline;
	vertical-align: middle;
}
.radiobuttonlist + label
{
	display: inline-block;
	vertical-align: bottom;
	width: 160px;
}
.radiobuttonlistAuto
{
	display: inline;
	vertical-align: middle;
}
.radiobuttonlistAuto + label
{
	display: inline-block;
	vertical-align: bottom;
	width: auto;
}

/* TextBox
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.textbox
{
	width: 192px;
}

/* Tree
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.treeContainer
{
	overflow-y: auto;
	border: solid 1px #ccc;
}

.treeContainer > .treeContents
{
}

.treeContents li
{
	padding: 4px;
}
.treeContents li:hover
{
	background: #e3eefb;
	color: #000;
}
.treeContents li:hover div.treeLabel
{
	cursor: pointer;
}
.treeContents li.selected
{
	background: #0a246a;
	color: #fff;
}
.treeContents li img
{
	cursor: pointer;
	vertical-align: middle;
	float: left;
}
.treeContents li div.treeLabel
{
	margin-left: 16px;
}
.treeContents .spacer
{
	float: left;
	height: 16px; /*Original value :height: 24px;*/
}
.treeContents .spacer img
{
	float: right;
}