/* Licensed Materials - Property of IBM
 5725-C95
 Copyright IBM Corporation 2012. All Rights Reserved.
 US Government Users Restricted Rights- Use, duplication or disclosure
 restricted by GSA ADP Schedule Contract with IBM Corp.

 END COPYRIGHT
*/

/* reset user agent css rules */
h1, h2, h3, h4{font-weight:bold; padding: 0; margin: 0}

.claro {
    background-color: #E8E8E8;
    // padding: 5px !important;
}
.body {
   background-color: #ffffff;
   padding: 0px 0px 5px 0px !important;
}
/* Tabs: */
.claro .dijitTabChecked .dijitTabInnerDiv {
	background-color: #1b75bc;
	color: #000000;
}

.BPMTabControl {
	height: 400px;
	width: 700px;
}

/* Labels */
.controlLabel.BPMRequired:before {
	content:"* ";
	color:#FF0000;
}

.controlLabel.BPMRequiredAfter:after {
	content:" *";
	color:#FF0000;
}

/* Sections */
/* An example of how to style Horizontal Section using inline-block */
/*
.SectionInline.Horizontal_Section > div > div > * {
	display: inline-block;
	vertical-align: top;
	padding-right: 1em;
}
*/

.Horizontal_Section > div > div {
	display: table;
	border-spacing: 1em 0;
}

.dj_ie .Horizontal_Section > div > div > .BPMMultiSelect {
	padding-right: 2.25em;
}

.Horizontal_Section > div > div > * {
	display: table-cell;
/*	padding-right: 1em; */
	vertical-align: top;
}


.Horizontal_Section.CoachView > div > div > *:last-child {
    padding-right: 0em;
}

.Horizontal_Section.CoachView > div > .AlignRight > *:last-child {
    padding-right: 0em;
}

.Horizontal_Section > div > div > .Button > button {
	white-space:nowrap;
}

.Horizontal_Section > div > div > .Checkbox .controlLabel {
	white-space:nowrap;
}

.Horizontal_Section > div > div > .Date_Time_Picker .controlLabel {
	white-space:nowrap;
}


.Horizontal_Section > div > div > .Date_Time_Picker .BPMDateTimePicker {
	white-space:nowrap;
}

.Horizontal_Section > div > div > .Select .controlLabel {
	white-space:nowrap;
}

.Horizontal_Section > div > div > .Text .controlLabel {
	white-space:nowrap;
}

.Horizontal_Section > div > div > .Text .content .textReadonlyDiv span {
	white-space:nowrap;
}

.Horizontal_Section > div > div > .Output_Text .controlLabel {
	white-space:nowrap;
}

.Horizontal_Section > div > div > .Decimal .controlLabel {
	white-space:nowrap;
}

.Horizontal_Section > div > div > .Decimal .content .textReadonlyDiv span {
	white-space:nowrap;
}

.Horizontal_Section > div > div > .Integer > .Decimal .controlLabel {
	white-space:nowrap;
}

.Horizontal_Section > div > div > .Integer > .Decimal .content .textReadonlyDiv span {
	white-space:nowrap;
}

.Horizontal_Section > div > div > .Text_Area .controlLabel {
	white-space:nowrap;
}

.Horizontal_Section > div > div > .Radio_Buttons .controlLabel {
	white-space:nowrap;
}

.Horizontal_Section > div > div > .Output_Text > span {
	white-space:nowrap;
}

.Horizontal_Section > div > div > .CoachView_hidden {
	display: none;
}

.Horizontal_Section > div > div > .AlignRightCell {
	width:100%;
}

.Horizontal_Section > div > .ContentBoxTemplate {
	display: none;
}

.BPMSectionHeader {
  padding: 5px 1em;
}

.noHeader.BPMSectionBody {
  margin: 0em;
}

.Horizontal_Section > div > .BPMSectionBody {
  margin: 0.5em 0em;
}

.Horizontal_Section > div > .noHeader.BPMSectionBody {
  margin: 0em;
  border-spacing: 0;
}

.Horizontal_Section > div > .noHeader.BPMSectionBody > * {
	padding-right: 1em;
}

.Horizontal_Section > div > .noHeader.BPMSectionBody.AlignRight > *:last-child {
    padding-right: 0em;
}

.Horizontal_Section > div > .noHeader.BPMSectionBody.BPMRepeatingContent {
  margin-bottom: 0.5em;
}

.Horizontal_Section > div > .BPMSectionHeader+.BPMSectionBody.noHeader {
  margin-top: 0em;
}

/* Is this needed? See "Table in view in Section" */
/* It is needed!!! See "Vertical Section with Hsection and table" */
.Horizontal_Section > div > .BPMSectionHeader+.BPMSectionBody {
  margin-top: 0.5em;
}

.Horizontal_Section > div > .BPMSectionBody.LastContentBox.noHeader {
  margin-bottom: 0em;
  margin-right: 0em;
}

/* .Horizontal_Section > div > .BPMSectionBody:last-child, */
.Horizontal_Section > div > .BPMSectionBody.LastContentBox {
/* Is this needed? See "Table in Section" */
  margin-bottom: 0.5em;
  margin-right: 0em;
}

/* .Horizontal_Section > div > .BPMSectionHeader + .BPMSectionBody > .CoachView > .CoachView, */
.Horizontal_Section > div > .BPMSectionHeader + .BPMSectionBody > .CoachView:first-child > .CoachView:first-child {
    margin-top: 0;
}

/* last-child does not work on IE8 or earlier */
/*
.Horizontal_Section > div > .BPMSectionHeader + .BPMSectionBody > .CoachView:last-child > .CoachView:last-child {
    margin-bottom: 0;
}
*/

/* See test case "Test Section nesting no headers" */
.Vertical_Section > div > .noHeader.BPMSectionBody > * {
    margin-top: 0em;
    padding-left: 10px;
}

.Vertical_Section > div.BPMBorder > .BPMSectionBody.LastContentBox > .CoachView:last-child {
  margin-bottom: 0.5em;
}

.Vertical_Section > div > .BPMSectionBody.LastContentBox > .CoachView:last-child {
  margin-bottom: 0;
}

.Vertical_Section > div > div > .BPMTable {
  padding-right: 2px;
}

.BPMSectionBody {
  margin: 0em 1em;
  overflow: auto;
}

.BPMSection > .BPMBorder {
  border: 1px solid #736465;
  margin: 0em 1em !important;
  border-top: none;
}
.BPMSection > .BPMRadiusBorder {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  behavior: url(/teamworks/script/ext-lib/PIE.htc);
}
.BPMSection > .BPMRadiusBorder > .BPMSectionHeader {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  behavior: url(/teamworks/script/ext-lib/PIE.htc);
}

.BPMSectionHeader.black{color:#000;}
.BPMSectionHeader.gray{color:#5e6165;}
.BPMSectionHeader.red{color:#7c220c;}
.BPMSectionHeader.orange{color:#9f5c07;}
.BPMSectionHeader.green{color:#326330;}
.BPMSectionHeader.blue{color:#21486c;}

.BPMSectionHeader.underline{border-bottom:1px solid #736465  !important;padding: 0 0 3px 2px  !important;color:#000  !important;}
.BPMSectionHeader.underline.red{border-bottom-color:#CD462F;}
.BPMSectionHeader.underline.orange{border-bottom-color:#EC8805;}
.BPMSectionHeader.underline.green{border-bottom-color:#59A043;}
.BPMSectionHeader.underline.blue{border-bottom-color:#1B76BC;}

.BPMSectionHeader.topline{
	color:#000  !important;
	font-weight:normal  !important;
	border: 0px solid #736465  !important;
	border-top:3px solid #736465  !important;
	padding:0px 0px 0px 0px  !important;
	background-color:#e0e0e0  !important;
	
	background-image: -o-linear-gradient(bottom, #eaeaea 0%, #ddd 100%);
	background-image: -moz-linear-gradient(bottom, #eaeaea 0%,#ddd 100%);
	background-image: -webkit-linear-gradient(bottom, #eaeaea 0%,#ddd 100%);
	behavior: url(/teamworks/script/ext-lib/PIE.htc);
	-pie-background: linear-gradient(bottom, #eaeaea, #ddd 100%);
	background-image: -ms-linear-gradient(bottom, #efefef 0%, #ddd 100%);
	background-image: linear-gradient(bottom, #eaeaea, #ddd 100%);
}

.BPMSectionHeader.topline.red{border-top-color:#CD462F;}
.BPMSectionHeader.topline.orange{border-top-color:#EC8805;}
.BPMSectionHeader.topline.green{border-top-color:#59A043;}
.BPMSectionHeader.topline.blue{border-top-color:#1B76BC;}


.BPMSectionHeader.box.red{
	color:#fff;
	border:1px solid #7c220c;
	background-color:#CD462F;
	background-image: -o-linear-gradient(bottom, #CD462F 0%, #93270C 100%);
	background-image: -moz-linear-gradient(bottom, #CD462F 0%, #93270C 100%);
	background-image: -webkit-linear-gradient(bottom, #CD462F 0%, #93270C 100%);
	behavior: url(/teamworks/script/ext-lib/PIE.htc);
	-pie-background: linear-gradient(bottom, #CD462F 0%, #93270C 100%);
	background-image: -ms-linear-gradient(bottom, #CD462F 0%, #93270C 100%);
	background-image: linear-gradient(bottom, #CD462F 0%, #93270C 100%);
}

.BPMSectionHeader.box.orange{
	color:#fff;
	border:1px solid #9f5c07;
	background-color:#EC8805;
	background-image: -o-linear-gradient(bottom, #EC8805 0%, #A75F00 100%);
	background-image: -moz-linear-gradient(bottom, #EC8805 0%, #A75F00 100%);
	background-image: -webkit-linear-gradient(bottom, #EC8805 0%, #A75F00 100%);
	behavior: url(/teamworks/script/ext-lib/PIE.htc);
	-pie-background: linear-gradient(bottom, #EC8805 0%, #A75F00 100%);
	background-image: -ms-linear-gradient(bottom, #EC8805 0%, #A75F00 100%);
	background-image: linear-gradient(bottom, #EC8805 0%, #A75F00 100%);
	}

.BPMSectionHeader.box.blue{
	
color:#000000  !important;

	border:1px solid #736465 !important;
	border-left: none !important;
	border-right: none !important;
	background-color:#DBDCDE  !important;
	background-image: -o-linear-gradient(bottom, #DBDCDE 0%, #585859 100%)  !important;
	background-image: -moz-linear-gradient(bottom, #DBDCDE 0%, #585859 100%)  !important;
	background-image: -webkit-linear-gradient(bottom, #DBDCDE 0%, #585859 100%)  !important;
	behavior: url(/teamworks/script/ext-lib/PIE.htc);
	-pie-background: linear-gradient(bottom, #DBDCDE 0%, #585859 100%)  !important;
	background-image: -ms-linear-gradient(bottom, #DBDCDE 0%, #585859 100%)  !important;
	background-image: linear-gradient(bottom, #DBDCDE 0%, #585859 100%)  !important;

    padding-top: 0px;

    // margin-left: 4px;

	

    white-space: nowrap;

	}


.uppercase{text-transform:uppercase;}
.smallcaps{font-variant:small-caps;}



/*.dijitTextArea .dijitInputInner {

height: 300px;
								}
*/





/* Text */
.dijitTextBox .dijitInputInner {
	width:200px;
	padding:6px;
	background-color:#FFF;
	border:1px solid #bbb;
	color:#2d2d2d;
	background-image: linear-gradient(bottom, rgb(255,255,255) 50%, rgb(239,239,239) 100%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 50%, rgb(239,239,239) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 50%, rgb(239,239,239) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 50%, rgb(239,239,239) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 50%, rgb(239,239,239) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(.5, rgb(255,255,255)),
		color-stop(1, rgb(239,239,239))
		);
}
	
.dijitInputInner:hover {
	border-color:#999;
}
	
.dijitInputInner:focus {
	border:1px solid #1b75bc;
	-moz-box-shadow: 0 0 2px 1px rgba(27,118,188,.9);
	-webkit-box-shadow: 0 0 2px 1px rgba(27,118,188,.9);
	box-shadow: 0 0 2px 1px rgba(27,118,188,.9);
}

.controlLabel {
	color:#000;
	font-weight:bold;
	letter-spacing:.3px;
    
}



/* Button */
/* This is the style from bpm process portal / bspace. */
.BPMButtonBorder {
	border-width: 1px !important;
	border-style: solid !important;
	border-top-color: #43a3cb;
	border-left-color: #43a3cb;
	border-right-color: #5591ab;
	border-bottom-color: #5591ab;
	-moz-border-radius: 2px;
	-moz-box-sizing: border-box;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.BPMButtonBorder:hover,
.BPMButtonBorder-over,
.BPMButtonBorder-active {
	border-top-color: #d26900;
	border-left-color: #d26900;	
	border-bottom-color: #ff9933;
	border-right-color: #ff9933;
}
.BPMButtonBorder-incorrect {
	border-top-color: #cc0000 !important;
	border-left-color: #cc0000 !important;
	border-bottom-color: #FF0000 !important;
	border-right-color: #FF0000 !important;	
}
.BPMButtonBorder-disabled {
	border-top-color: #BBBBBB !important;
	border-left-color: #BBBBBB !important;
	border-right-color: #BBBBBB !important;
	border-bottom-color: #BBBBBB !important;
}
.dijit_a11y .BPMButtonBorder {
	border: outset medium black !important;
}


/* This is the style from bpm process portal / bspace. */
.BPMButton {
	background-color: transparent;
/* this is overriden below but just commenting out to make sure */ 
/*	background-image: url(../img/Sprite_CommonUI.png); */
	background-repeat: repeat-x;
/* this is overriden below but just commenting out to make sure */ 
/*	background-position: 0px -100px; */
	color: #00546c;
/* turn off margin because coach views have their own. */
/*	margin: 0px 3px 3px 3px; */
	height: 1.375em;
	padding-bottom: 3px;
}
.dj_ie .BPMButton {
	padding-top: 2px;	
}
.BPMButton-over,
.BPMButton:hover {
/* this is overriden below but just commenting out to make sure */ 
/*	background-position: 0px -200px; */
	color: #555555;
}
.BPMButton-down {
	background-position: 0px -300px !important;
	color: #555555;
}
.BPMButton-disabled {
	color: #bbbbbb !important;
	background-position: 0px 0px  !important;
	cursor: not-allowed !important;	
}
.dijit_a11y .BPMButton {
	background: white none repeat scroll 0 0 !important;
	color: black !important;
}
.BPMButton-disabled,
.BPMButton[disabled],
.BPMButton[disabled]:hover {
	color:#a0a0a0;
	background-color:#113f66;
	cursor: not-allowed;
}
.BPMButton-down {
	color:#ccc !important;
	
	border-bottom-color:#444548 !important;
	border-right-color:#444548 !important;
	border-top-color:#21486c !important;
	border-left-color:#21486c !important;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303133', endColorstr='#606267') !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#303133', endColorstr='#606267')" !important;
	
	background-image: linear-gradient(bottom, #606267 0%, #303133 100%) !important;
	background-image: -o-linear-gradient(bottom, #606267 0%, #303133 100%) !important;
	background-image: -moz-linear-gradient(bottom, #606267 0%, #303133 100%) !important;
	background-image: -webkit-linear-gradient(bottom, #606267 0%, #303133 100%) !important;
	background-image: -ms-linear-gradient(bottom, #606267 0%, #303133 100%) !important;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #606267),
		color-stop(1, #303133)
	) !important;
	
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.BPMButton-over,
.BPMButton:hover {
	color:#fff;
	
	border-top-color:#444548;
	border-left-color:#444548;
	border-bottom-color:#21486c;
	border-right-color:#21486c;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d7d7', endColorstr='#303133');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d7d7', endColorstr='#303133')";
	
	background-image: linear-gradient(bottom, #303133 0%, #d7d7d7 100%);
	background-image: -o-linear-gradient(bottom, #303133 0%, #d7d7d7 100%);
	background-image: -moz-linear-gradient(bottom, #303133 0%, #d7d7d7 100%);
	background-image: -webkit-linear-gradient(bottom, #303133 0%, #d7d7d7 100%);
	background-image: -ms-linear-gradient(bottom, #303133 0%, #d7d7d7 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #303133),
		color-stop(1, #d7d7d7)
	);
	
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.5);
	box-shadow: 0 2px 3px rgba(0,0,0,.5);
}
.BPMButton {
	height:30px;
	
	color:#f2f2f2;
	background-color: #1b75bc;
	
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align:center;
 	font-size:14px;
	font-weight:bold;

	background-repeat: repeat-x;
/* turn off margin because coach views have their own. */
/*	margin: 0px 3px 3px 3px; */
	padding-bottom: 3px;
	
	border:1px solid #21486c;
	border-top-color:#444548;
	border-left-color:#444548;
	border-bottom-color:#21486c;
	border-right-color:#21486c;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606267', endColorstr='#303133');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#606267', endColorstr='#303133')";
	
	background-position: 0px 0px;
	background-image: linear-gradient(bottom, #303133 0%, #606267 100%);
	background-image: -o-linear-gradient(bottom, #303133 0%, #606267 100%);
	background-image: -moz-linear-gradient(bottom, #303133 0%, #606267 100%);
	background-image: -webkit-linear-gradient(bottom, #303133 0%, #606267 100%);
	background-image: -ms-linear-gradient(bottom, #303133 0%, #606267 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #303133),
		color-stop(1, #606267)
	);
}
.BPMButton:focus {
	border-bottom-color:#444548;
	border-right-color:#444548;
	border-top-color:#21486c;
	border-left-color:#21486c;
	background-image: linear-gradient(bottom, #606267 0%, #303133 100%);
	background-image: -o-linear-gradient(bottom, #606267 0%, #303133 100%);
	background-image: -moz-linear-gradient(bottom, #606267 0%, #303133 100%);
	background-image: -webkit-linear-gradient(bottom, #606267 0%, #303133 100%);
	background-image: -ms-linear-gradient(bottom, #606267 0%, #303133 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #606267),
		color-stop(1, #303133)
	);
}
.dj_ie .BPMButton,
.dj_ie .BPMButton-over,
.dj_ie .BPMButton:hover,
.dj_ie .BPMButton-down,
.dj_ie .BPMButton-disabled {
	background-image: none;
}

/* Checkbox */
.CheckboxNoWrap {
	white-space:nowrap;
}

.Checkbox.CoachView .mblSwitchText.mblSwitchTextRight {
	color: #000000;
}

.Checkbox.CoachView.BPMCoachDisabled .mblSwitchBg.mblSwitchBgLeft,
.Checkbox.CoachView.BPMCoachDisabled .mblSwitchBg.mblSwitchBgRight {
	background-image: url(/teamworks/script/coachNG/dojo/1.7.3/dojox/mobile/themes/iphone/compat/switch-default-r.gif);
	color: #B3B3B3;
}

.Checkbox .mblSwitchKnob.BPMFocus {
	outline:#000000 dotted 1px;
	outline-offset: -1px;
	top: 4%;
}

.Checkbox .mblSwitchKnob {
	top: 4%;
	height: 92%;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/teamworks/script/coachNG/dojo/1.7.3/dojox/mobile/themes/iphone/compat/switch-default-k.gif");
	background-origin: padding-box;
    background-position: center center;
	background-size: 96% 96%;
    background-repeat: no-repeat;
}

/* Table */
.BPMTable.Table.CoachView {
	width: 700px;
}

.Horizontal_Section > div > .BPMTable.Table.CoachView {
	display: inline-block;
}

.BPMTable.Table.CoachView .dojoxGridRow {
	width: 100%
}

.BPMTableAddButton {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.BPMTableAddButton {
	width: 24px;
	height: 24px;
	background: url('coach_ng_sprite.png') 0 0;
	background-repeat:no-repeat;
}

.BPMTableAddButton:focus,
.BPMTableAddButton:hover {
	background: url('coach_ng_sprite.png') -24px 0;
}

.BPMTableAddButton:active {
	background: url('coach_ng_sprite.png') -48px 0;
}

.BPMTableAddButton[disabled],
.BPMTableAddButton[disabled]:hover {
	background: url('coach_ng_sprite.png') -72px 0;
}

.BPMTableDelete {
	width:100%;
	text-align:center;
}

.BPMTableDeleteButton {
	display:inline-block;
	width: 24px;
	height: 24px;
	background: url('coach_ng_sprite.png') 0 -24px;
	background-repeat:no-repeat;
}

.BPMTableDeleteButton:focus,
.BPMTableDeleteButton:hover {
	background: url('coach_ng_sprite.png') -24px -24px;
}

.BPMTableDeleteButton:active {
	background: url('coach_ng_sprite.png') -48px -24px;
}

.BPMTableDeleteButton[disabled],
.BPMTableDeleteButton[disabled]:hover {
	background: url('coach_ng_sprite.png') -72px -24px;
}

/* DateTimePicker and Select */
 .Select .dijitTextBoxError input.dijitValidationInner, 
 .Select .dijitTextBox input.dijitArrowButtonInner,
 .Date_Time_Picker .dijitTextBoxError input.dijitValidationInner, 
 .Date_Time_Picker .dijitTextBox input.dijitArrowButtonInner {
	height: 15px !important;
}

/* DateTimePicker, Select and Text */
.Text .dropDownText,
.Select .dropDownText,
.Date_Time_Picker .dropDownText,
.Date_Time_Picker .calImageText {
	display: none;
	visibility: hidden;
}

.dijit_a11y .Text .dropDownText,
.dijit_a11y .Select .dropDownText,
.dijit_a11y .Date_Time_Picker .calImageText {
    display: block;
    left: -13px;
    position: relative;
    visibility: visible;
}

.Text .content,
.Decimal .content,
.Checkbox .content,
.Select .content {
	white-space:nowrap;
}

.Text > .content > .textReadonlyDiv > .readonly,
.Decimal > .content > .textReadonlyDiv > .readonly {
	white-space:normal;
}

.Date_Time_Picker .calImageText {
	vertical-align: middle;
}

.Date_Time_Picker .calImage {
	padding-top: 3px;
	vertical-align: middle;
}

/* Select CheckedMultiSelect*/
.Radio_Buttons .BPMMultiSelectFocused,
.Select .BPMMultiSelectFocused {
	background-color:#E9F4FE;
	border:#000000 dotted thin;
}

/* Radio Buttons */
.Radio_Buttons > .BPMHorizontalRadio .dojoxCheckedMultiSelectWrapper {
	overflow-y: visible;
	height: auto;
}

.Radio_Buttons > .BPMHorizontalRadio .dojoxMultiSelectItem {
	display: inline-block;
}

.Radio_Buttons > .dojoxCheckedMultiSelect.BPMHorizontalRadio  .dojoxCheckedMultiSelectWrapper {
	overflow-y: hidden;
}

.Radio_Buttons.CoachView > .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper,
.BPMMultiSelect.CoachView > .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper {
	overflow-y: auto;
	height: auto;
	background-color: transparent;
	border-style: none;
}

/* Coach Validation */
.coachValidationContainer input.dijitInputInner:not([id*="dijit__editor_plugins"]){
	background-image: none;
}

.coachValidationContainer .dijitInputField.dijitInputContainer:not(*[id*="dijit__editor_plugins"]) {
	background-color: #FBCDB3;
}

.coachValidationContainer .coachValidationDiv {
	display: inline;
}

.Checkbox.CoachView.coachValidationContainer .coachValidationDiv {
	float: left;
}

.Checkbox.coachValidationContainer.showAsCheckBox .coachValidationDiv {
	height: 14px;
}

.Checkbox.coachValidationContainer.showAsRadio .coachValidationDiv {
	height: 30px;
}

.Checkbox.coachValidationContainer.showAsRadio .checkbox.control {
	float: none;
}

.dj_gecko .Checkbox.coachValidationContainer.showAsRadio .checkbox.control {
    display: inline-block;
}

.Checkbox.coachValidationContainer.showAsSwitch .coachValidationDiv {
	display: inline-block;
	float: none;
}

.Checkbox.coachValidationContainer.showAsSwitch .mblSwitch {
	display: inline-block;
}

.Checkbox.coachValidationContainer.showAsSwitch .text.controlLabel {
	display: block;
}
 

.dijit> .coachValidationDiv> .coachValidationImg {
	float: right;
}

.coachValidationImg {
	vertical-align: middle;
	height: 20px;
	width: 20px;
}

.coachValidationImg.smallImg {
	height: 14px;
	width: 14px;
}

.claro .coachValidationTooltip .dijitTooltipConnector {
	background-image: url('/teamworks/images/validation_tooltip.png');
}
.claro .coachValidationTooltip .dijitTooltipContainer {
	color: #FFF;
	font-size: 11px;
	border-radius: 6px;
	background-color: #000;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.7);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.7);
	box-shadow: 0 0 5px rgba(0,0,0,.7);
}

/* Validation - Checkbox - Warning icon */
.claro .Checkbox.CoachView.coachValidationContainer	.coachValidationDiv  .coachValidationImg{
	float: left;
	height: 14px;
	width: 14px;
}

.claro .Checkbox.CoachView.coachValidationContainer.showAsCheckBox	.coachValidationDiv  .coachValidationImg{
    height: 14px;
    width: 14px;
	position: relative;
	top: 20%;
}

.dijitTabPaneWrapper  .dijitContentPane  .Checkbox.CoachView.coachValidationContainer.showAsCheckBox .coachValidationDiv 	.coachValidationImg{
    height: 14px;
    width: 14px;
	position: relative;
	top: 10%;
}

.claro .Checkbox.CoachView.coachValidationContainer.showAsRadio		.coachValidationDiv  .coachValidationImg{
    height: 14px;
    width: 14px;
	position: relative;
	top: 50%;
}

.dijitTabPaneWrapper  .dijitContentPane  .Checkbox.CoachView.coachValidationContainer.showAsRadio .coachValidationDiv	.coachValidationImg{
    height: 14px;
    width: 14px;
	position: relative;
	top: 0;
}

.claro .Checkbox.CoachView.coachValidationContainer.showAsSwitch		.coachValidationDiv  .coachValidationImg{
    height: 24px;
    width: 24px;
}

/* Validation - Checkbox icons */
.claro  .Checkbox.CoachView.coachValidationContainer .dijitCheckBox,
.claro  .Select.CoachView .coachValidationContainer .dijitCheckBox{
  background: url('/teamworks/images/Error_checks_and_radios.png') 0 0;
  background-repeat: no-repeat;
  height: 16px;
  margin: 0px 2px 0 0;
  padding: 0;
  width: 16px;
}

.claro  .Checkbox.CoachView.coachValidationContainer .dijitCheckBox:hover,
.claro  .Select.CoachView .coachValidationContainer .dijitCheckBox:hover{
  background: url('/teamworks/images/Error_checks_and_radios.png') -24px 0px;
  background-repeat: no-repeat;
  height: 16px;
  margin: 0px 2px 0 0;
  padding: 0;
  width: 16px;
}

.claro  .Checkbox.CoachView.coachValidationContainer .dijitCheckBoxChecked,
.claro  .Select.CoachView .coachValidationContainer .dijitCheckBoxChecked{
    background-position: 0 -19px;
}

.claro  .Checkbox.CoachView.coachValidationContainer .dijitCheckBoxChecked:hover,
.claro  .Select.CoachView .coachValidationContainer .dijitCheckBoxChecked:hover{
    background-position: -24px -19px;
}

/* Validation - Checkbox - Radio Buttons icons */
.claro .Checkbox.CoachView.coachValidationContainer .dijitRadio,
.claro .Radio_Buttons.CoachView .coachValidationContainer .dijitRadio{
    background: url('/teamworks/images/Error_checks_and_radios.png') 0 -38px;
    background-repeat: no-repeat;
    height: 16px;
    margin: 0px 2px 0 0;
    padding: 0;
    width: 16px;
}

.claro .Checkbox.CoachView.coachValidationContainer .dijitRadio:hover,
.claro .Radio_Buttons.CoachView .coachValidationContainer .dijitRadio:hover{
    background: url('/teamworks/images/Error_checks_and_radios.png') -24px -38px;
    background-repeat: no-repeat;
    height: 16px;
    margin: 0px 2px 0 0;
    padding: 0;
    width: 16px;
}

.claro  .Checkbox.CoachView.coachValidationContainer .dijitRadioChecked,
.claro  .Radio_Buttons.CoachView .coachValidationContainer .dijitRadioChecked{
    background-position: 0 -57px;
}

.claro  .Checkbox.CoachView.coachValidationContainer .dijitRadioChecked:hover,
.claro  .Radio_Buttons.CoachView .coachValidationContainer .dijitRadioChecked:hover{
    background-position: -24px -57px;
}

/* Validation - Checkbox - Switch icons */
.Checkbox.CoachView.coachValidationContainer  .mblSwitchBg{
	color:#f2f2f2;
	background-color: #A10000;
	text-align:center;

	background-repeat: repeat-x;

	background-position: 0px 0px;
	background-image: linear-gradient(bottom, #CF0000 0%, #750101 100%);
	background-image: -o-linear-gradient(bottom, #CF0000 0%, #750101 100%);
	background-image: -moz-linear-gradient(bottom, #CF0000 0%, #750101 100%);
	background-image: -webkit-linear-gradient(bottom, #CF0000 0%, #750101 100%);
	background-image: -ms-linear-gradient(bottom, #CF0000 0%, #750101 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #CF0000),
		color-stop(1, #750101)
	);
	
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	
	-moz-box-shadow:  inset 0 0 7px 1px rgba(0,0,0,0.7);
	-webkit-box-shadow:  inset 0 0 7px 1px rgba(0,0,0,0.7);
	box-shadow: inset 0 0px 7px 1px rgba(0,0,0,0.7), inset 0 30px 30px 30px rgba(207,0,0, 1);
}

.Checkbox.CoachView.coachValidationContainer  .mblSwitchBg:hover{
	color:#f2f2f2;
	background-color: #A10000;
	text-align:center;	
	
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-image: linear-gradient(bottom, #CF0000 0%, #750101 100%);
	background-image: -o-linear-gradient(bottom, #CF0000 0%, #750101 100%);
	background-image: -moz-linear-gradient(bottom, #CF0000 0%, #750101 100%);
	background-image: -webkit-linear-gradient(bottom, #CF0000 0%, #750101 100%);
	background-image: -ms-linear-gradient(bottom, #CF0000 0%, #750101 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #CF0000),
		color-stop(1, #750101)
	);
	
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	
	-moz-box-shadow:  inset 0 0 13px #000000;
	-webkit-box-shadow:  inset 0 0 13px #000000;
	box-shadow: inset 0 0px 13px 1px rgba(0,0,0,0.7), inset 0 30px 30px 30px rgba(207,0,0, 1);
}

.Checkbox.CoachView.coachValidationContainer  .mblSwitchText.mblSwitchTextRight{
	color: #ffffff;
}


.coachValidationContainer .textReadonlyDiv:not(.CoachView_hidden) {
	display: inline-block;
	vertical-align: middle;
}

.coachValidationContainer .textReadonlyDiv,
.coachValidationContainer .dijitEditor.textArea,
.coachValidationContainer .dijitTextBox:not([id*="dijit__editor_plugins"]) {
	border: 1px solid #CD462f;
	background-color: #ffd9d1;
}

.coachValidationContainer .dijitEditor.textArea:hover,
.coachValidationContainer .dijitTextBox:not([id*="dijit__editor_plugins"]):hover {
	-moz-box-shadow: 0 0 2px 1px rgba(205,70,47,.9);
	-webkit-box-shadow: 0 0 2px 1px rgba(205,70,47,.9);
	box-shadow: 0 0 2px 1px rgba(205,70,47,.9);
}

.coachValidationContainer .textReadonlyDiv span {
	padding-left: 3px;
	padding-right: 3px;
}

.coachValidationText {
	display: none;
	visibility: hidden;
}

.claro .coachValidationContainer .dijitEditorIFrameContainer,
.claro .coachValidationContainer .dijitEditorIFrame,
.claro .coachValidationContainer .dijitDisabled .dijitEditorIFrame{
	background-color: #ffd9d1;
}

.dijit_a11y .coachValidationText {
	float: right;
	height: 20px;
	width: 20px;
	display: block;
	visibility: visible;
}

.dijit_a11y .coachValidationImg {/*.coachValidationContainer .coachValidationDiv */
	display: none;
	visibility: hidden;
}

.coachValidationContainer .dijitComboBox .dijitButtonNode {
	background-color: #CD462f;
}

.coachValidationContainer .dijitComboBox .dijitArrowButtonInner {
	border: 1px solid #CD462f;
}

.coachValidationContainer .dojoxCheckedMultiSelect .dijit.dojoxCheckedMultiSelectWrapper {
	Border: 1px solid #CD462f;
	Background-color: #FEEBE0;
}

.coachValidationContainer .dojoxCheckedMultiSelect .dijit.dojoxCheckedMultiSelectWrapper:hover{
	-moz-box-shadow: 0 0 2px 1px rgba(205,70,47,.9);
	-webkit-box-shadow: 0 0 2px 1px rgba(205,70,47,.9);
	box-shadow: 0 0 2px 1px rgba(205,70,47,.9);
}

.coachValidationContainer .dijitCalendar,
.coachValidationContainer .dijitCalendar:hover {
    border: 2px solid #CD462f;
}

.coachValidationContainer .dijitCalendarSelectedDate .dijitCalendarDateLabel {
    background-color: #ffd9d1;
    border-color: #d38679;
}

.coachValidationContainer .dijitCalendarSelectedDate .dijitCalendarDateLabel:hover {
    background-color: #ffd9d1;
    border: 1px solid #CD462f;
}

/* Checkbox */
.Checkbox .BPMCheckboxFocused {
	outline:#000000 dotted thin;
}

.dijit_a11y .Checkbox .mblSwitch {
    border: thin solid;
}

.dijit_a11y .Checkbox .mblSwitchKnob {
    border: thin solid;
	top: 0%;
	height: 94%;
}

.dijit_a11y .Checkbox .mblSwitchKnob.BPMFocus {
	outline:#000000 dotted thin;
	outline-offset: -2px;
	top: 0%;
}

/* Textarea */
.Text_Area .BPMTextAreaFont {
	font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.Text_Area .BPMHiddenToolbar {
	display : none;
	visibility: hidden;
}

/* Table */
.Table.CoachView .BPMTableDeleteButtonText {
	display: none;
	visibility: hidden;
}

.dijit_a11y .Table.CoachView .BPMTableDeleteButtonText {
    display: block;
    margin: 0.5em;
    visibility: visible;
}

.Table.CoachView .BPMTableAddButtonText {
	display: none;
	visibility: hidden;
}

.dijit_a11y .Table.CoachView .BPMTableAddButtonText {
    display: block;
    margin-top: 0.3em;
    text-align: center;
    visibility: visible;
}

.dijit_a11y .Table.CoachView .BPMTableAddButton {
    border: 1px solid;
}

.Table.CoachView .dojoxGridInactived,
.Table.CoachView .dojoxGridInactiveSwitch {
    color: #384F63;
    cursor: pointer;
    float: left;
    font-weight: normal;
    margin: 1px 7px 0;
}

/* Image */
.BPMImage {
	display: inline-block;
}

.BPMImage .CaptionCenter {
	text-align: center;
}
.BPMImage .CaptionRight {
	text-align: right;
}
.BPMImage .CaptionLeft {
	text-align: left;
}

/* Default Human Service */
.BPMDefaultActivitySection > div > div {
	width: 100%;
}

.BPMDefaultActivitySection .dijitTextBox {
	width: 100%;
}

.BPMDefaultActivitySection .Text.CoachView {
	padding-right: 2px;
}

/* Integer */
.Integer.CoachView > .Decimal.CoachView {
	margin-top: 0;
	margin-bottom: 0;
}