/* 1 - form table the container of elements*/
#formTable{
    width: 660px;
}
/* the element container td*/
.ucTableCell100 {
	vertical-align:top;
	text-align:left;
	padding-bottom: 8px;
	height:10px;
    width: 660px;
}
/* the label */
.ucLabelTop {
    width: 292px;
    display: inline-block;
    margin-bottom: 5px;            
}

.longLabel {
    width: 580px;
    display: inline-block;
    margin-bottom: 5px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
}

.ucTableCellRow{

}
/* 2  date time control*/
.DateTimeDefault 
{
	white-space: nowrap;
}

.DateTimeDefault .Date 
{
	white-space: nowrap;
	display: inline;
	float: left;
	width: 110px;
    margin-right: 5px;
}

.DateTimeDefault .Date .Text 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 90px;
	vertical-align: top;
}

.DateTimeDefault .Date .Button
{
	vertical-align: top;
}

.DateTimeDefault .Time 
{
	white-space: nowrap;
	word-spacing: 0px;
	margin: 0px;
	border-spacing: 0px;
	float:left;
}

.DateTimeDefault .Time .List
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	width: 43px;
}

.DateTimeDefault .Time .Label
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
}

.DateTimeVertical 
{
	width: 150px;
}

.DateTimeVertical .Date 
{
	display: inline-block;
	white-space: nowrap;
}

.DateTimeVertical .Date .Text 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 123px;
	vertical-align: top;
}

.DateTimeVertical .Date .Button
{
	vertical-align: top;
}

.DateTimeVertical .Time 
{
    display: inline-block;
	white-space: nowrap;
}

.DateTimeVertical .Time .List
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
	width: 45px;
}

.DateTimeVertical .Time .Label
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
}


/* 3  Checkbox list  */
.ucCheckBoxList {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	/*width: 290px;*/
	vertical-align:top;
}
table.ucCheckBoxList input
{    
      float: left;      
}

table.ucCheckBoxList label
{    
      margin-left: 5px;
      padding-top: 3px;
      display: block;      
}

table.ucCheckBoxListOneColumn label
{    
      margin-left: 5px;
      padding-bottom: 3px;
}

table.ucCheckBoxListOneColumn input, table.ucRadioButtonListOneColumn input { float:left; }
table.ucCheckBoxListOneColumn label, table.ucRadioButtonListOneColumn label { display:block; padding-left:20px; }

table.ucCheckBoxListOneColumn, table.ucRadioButtonListOneColumn
{
    width:590px;
}
.ucCheckBoxList td, .ucRadioButtonList td
{
		padding-right:32px;
        vertical-align:top;				
}
/* 4 clone button, entity instance*/
.ucCloneDdl
{
	font-size: 11px;
	font-weight: normal;
	width: 290px;
	vertical-align:top;
}
.longerCloneDropdown{
    width: 490px;
}
/* 5 Total calcate label*/
.ucTotalCalcLabel {
    width:290px;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	font-weight: bold;
	color:white; 
	background-color:#015CB7;
}

/*  6 dropdown menu*/
.ucDropDownList
{
	font-size: 11px;
	font-weight: normal;
	width: 290px;
	vertical-align:top;

    text-overflow: ellipsis;
}
.longDropDown
{
   	width: 580px;

    text-overflow: ellipsis;
}
.ucDropDownList > option,
.longDropDown > option 
{
    white-space: nowrap;
    overflow:    hidden;
    text-overflow: ellipsis;
}


/* 7 text box all type text box*/
.ucTextBox 
{
	border:1px solid silver;
	width:580px;
	font-size: 11px;
	vertical-align:top;
	background-color:#F5F5F5;
}
.ucTextBoxReadOnly
{
    border:1px solid silver;
	width: 580px;
	font-size: 11px;
	vertical-align:top;
	color:#34414E;
}
/* 8 searchable text box*/
.ucTextBox_Searchable{
	border:1px solid silver;
	width:580px;
	font-size: 11px;
	vertical-align:top;
	background-color:#F5F5F5;
}
span .autoFillIcon{  
    padding:0px;
    height:18px;
    margin-left:2px;
}
/* 9 javascript element click here*/
.ucJscriptLink
{    
}
/* 10 Textarea box */
.ucTextBoxAreaLimit
{ 
	width:576px;
	height:120px;
	border:1px solid silver;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align:top;
	background-color:#F5F5F5;
}
.ucTextBoxArea_Searchable 
{ 
	width:576px;
	height:180px;
	border:1px solid silver;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align:top;
	background-color:#F5F5F5;   
    padding: 3px 3px 0px 3px;     
}
.ucTextBoxArea 
{ 
	width:576px;
	height:180px;
	border:1px solid silver;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align:top;
	background-color:#F5F5F5;   
    padding: 3px 3px 0px 3px;     
}
.ucTextAreaReadOnly
{ 
	width:580px;
	height:180px;
	border:1px solid silver;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align:top;
	background-color:#F5F5F5;            
    display:inline-block;
    padding: 0px 3px 0px 3px;     
}
.ui-resizable > .resizable-textarea
{
    width: 100% !important;
    height: 100% !important;
    overflow: auto;
    white-space: pre-wrap;
}
/* 11 the label element*/
.ucLabelHeader
{
	font-size: 14px !important;
	font-weight: bold;
	text-align: left;
	color: white;
	background-color: #497abd;
	width:574px;
	margin-top:8px;
	padding: 5px 0px 5px 8px;
	position:relative;
	left:0px;
	display:block;		
	
}

.csPendingItem {
    background-image: url(../images/Wait_DE2643.gif);
    background-position: center;
    background-repeat: no-repeat;
    padding: 1px 1px 1px 1px;
    width:12px;
    height:12px;
    float:right;
}

.csHide
{
    display:none;
}

.ucCurrChk input
{
    margin-left: 0px;
}


span[longstring="1"] > input[type="checkbox"] + label,
span[longstring="1"] > input[type="radio"] + label
{
    max-width:420px;
    word-break: break-word;
    /*white-space:nowrap;*/
    white-space:normal;
    overflow:hidden;
    text-overflow:ellipsis;
}

.triggers-playbook .tooltip{
    visibility:hidden;
}

.linkedActivities .tooltip{
	visibility:hidden;
}

.triggers-playbook input[type=checkbox]:checked + label .tooltip {
    visibility:visible;
}

.triggering-title {
    color:orange;
}

.k-multiselect-wrap {
    height: 17px !important;
    min-height: 17px !important;
}

.k-multiselect {
    border-radius: 0px !important
}

.k-multiselect-wrap .k-input
{
    padding: 0px !important;
}

.searchbox-mapping {
	margin-left: 10px;
	cursor: pointer;
	margin-top: 8px;
	
}

.ealert-form .k-combobox {
	width: 100% !important;
}
.k-i-loading {
	background-repeat: no-repeat;
}
.searchbox-mapping {
	background-image: url("../images/searchable.gif");
	width: 50px;
	background-repeat: no-repeat;
}
.k-list-container.k-popup .k-list li b{
	font-weight:900;
}