/* --- admin ---- */
#body{
	padding: 15px 0 0;
}
#adminmenu {
	margin: 0;
	padding: 0;
}

#adminmenu ul {
	margin: 0;
	margin-bottom: 1em;
	padding-left: 0;
	float: left;
	font-weight: bold;
	width: 100%;
	border: 1px solid #ACACAC;
	border-width: 1px 0;
}

.cfEditClass {
	width: 200px;
	text-align: right;
}

.adminFormDiv {
	border: 1px solid #d4d4d4;
	padding: 5px;
	margin-top: 5px;
}

.adminFormCells {
	vertical-align: middle;
	text-align: center;
	padding-left: 5px;
	height: 30px;
	width: 160px;
}

.formRow {
	height: 32px;
	padding-bottom: 1px;
}

.admSelectBox {
	width: 200px;
	font-size: 11px;
}

.admSelectBox option {
	width: 200px;
}

.formSelectBox {
	width: 150px;
	font-size: 11px;
}

.formSelectBox option {
	width: 150px;
}

* html #adminmenu ul { /*IE only rule. Delete extra margin-bottom*/
	margin-bottom: 0;
}

#adminmenu ul li {
	display: inline;
}

#adminmenu ul li a {
	float: left;
	color: #6e6e6e;
	font-weight: bold;
	padding: 2px 6px 4px 6px;
	text-decoration: none;
	background: white url(img/menudivide.gif) top right repeat-y;
}

#adminmenu ul li a:hover {
	color: #000033;
	background-color: #F3F3F3;
	border-bottom: 4px solid #000033;
	padding-bottom: 0;
}

#adminmenu ul li a:active {
	color: #000033;
	background-color: #F3F3F3;
	border-bottom: 4px solid #FFFFFF;
	padding-bottom: 0;
}

.adminUser {
	color: #697D87;
}

/* --  setup homepage --*/
.setupHomeContainer {
	float: left;
}

.container {
	background: #fff;
	width: 250px;
	margin: 1px;
	padding: 20px 10px;
	float: left;
}

.xboxcontent {
	display: block;
	background: #fff;
	padding: 10px;
	margin: 10px;
	border: 1px solid #d4d4d4;
	border-radius: 3px;
}

.xboxcontent ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
}

.xboxcontent li {
	padding: 4px 2px;
}

.character {
	background-image: url(img/530.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	margin-top: -10px;
	padding: 0;
}

.demo ul,.stats ul {
	margin: 5px 10px;
	padding: 0;
	list-style-type: none;
}

.demo {
	padding: 0 5px 5px 40px;
	background-image: url(../../img/setupdemo1.png);
	background-repeat: no-repeat;
	margin-top: 20px;
}

.demo h2 {
	font-size: 1.4em;
	color: #09ade2;
	margin: 0;
	padding: 5px 0 3px 10px;
	text-transform: uppercase;
	background-image: url(none);
}

.demo li {
	margin-bottom: 8px;
	font-weight: bold;
	background: url(../../img/play.png) no-repeat;
	padding: 0 2px 2px 18px;
}

.stats {
	padding: 5px;
	margin-top: 20px;
}

.stats h2 {
	font-size: 1em;
	color: #545454;
	padding: 1px 20px;
	background-image: url(../../img/chart.png);
	background-repeat: no-repeat;
	margin: 0 5px;
	text-transform: uppercase;
}

.stats table {
	margin: 5px 20px;
	width: 90%;
}

.stats td {
	margin-bottom: 8px;
	padding: 2px;
	border-bottom: dashed 1px #ccc;
}

/*  workflow matrix */
.matrixFilter {
	position: absolute;
	z-index: 20;
	top: 5%;
	left: 60%;
	border: 1px solid #006699;
	background-color: white;
	padding: 0;
}

.matrixFilterHeader {
	background-color: #006699;
	color: #FFF;
	text-align: left;
	font-weight: bold;
}

.matrixFilterHeader td {
	padding: 3px;
}
.workflow-matrix-head {
	background-color: #ddd;
	font-weight: normal;
	text-align: left !important;
}
.verticalExpColLink {
	background-color: #999;
}


.horizontale_candidate {
	text-align: left !important;
}

.workflowTooltip {
	text-align: left;
	border: solid #00a8e3 1px;
	background: white;
	width: 480px;
	-moz-border-radius: 5px 5px 5px 5px;
	z-index: 100;
	  -webkit-box-shadow: 1px 0 10px 0 rgba(50, 50, 50, 0.51);
	-moz-box-shadow:    1px 0 10px 0 rgba(50, 50, 50, 0.51);
	box-shadow:         1px 0 10px 0 rgba(50, 50, 50, 0.51);
}

.workflowTooltip .addMoreActions {
	margin-top: 10px;
	border-top: 1px dashed #adafaa;
}

.workflowTooltip .workflowTooltipActionsList a:hover {
	background-color: #f7f7f7;
}

.workflowTooltip a {
	font-size: 9pt;
	text-decoration: none;
}

.workflowTooltip .workflowTooltipTitle {
	background-color: #00a8e3;
	color: white;
	font-weight: bold;
	font-size: 9pt;
	padding: 5px 3px !important;
}

.workflowTooltipActionsList table {
}

.workflowTooltipActionsList td {
	padding: 3px 5px;
}
.bbottom{
	border-bottom: 1px solid #CCCCCC;
}

.workflowTooltipHighlighted .workflowTooltipTitle {
	background-color: green;
}
/*  end of workflow matrix */
/* action screen holder */
.asHolder {
	width: 200px;
	margin-top: 4px;
}

.asInner {
	height: 18px;
	padding: 2px;
	background-color: #F0F0F0;
	border-bottom: 1px solid #A7A7A7;
	border-right: 1px solid #A7A7A7;
} /*
.asFormInner{
	height:25px;
	padding-left:5px;
} */
.task1Col {
	width: 150px;
}

.taskTab {
	width: 470px;
}

.editcfTable {
	width: 430px;
}

.adminToolTipResult {
	font-size: 80%;
}

.smallerText {
	font-size: 80%;
}

.labelSecond {
	background: white;
}

.element {
	width: 200px;
	text-align: left;
	border: 1px solid #fff;
	cursor: move;
}

.screenElem {
	cursor: move;
}

.colHide {
	background: gray;
}

.sortAdvanced {
	display: none;
}

.cfForm {
	background-color: #5DCFC3;
	text-align: left;
}

.screenElemform {
	background-color: #E3BCBC;
}

.screenTabList {
	z-index: 130000;
}

.cfField {
	background: #FFC373;
	text-align: left;
	border: 1px solid #a7a7a7;
	border-width: 0 1px 1px 0;
	padding: 2px 3px;
}

.cfFieldSelected {
	background: #CC6666;
	text-align: left;
	border: 1px solid #a7a7a7;
	border-width: 0 1px 1px 0;
	padding: 2px 3px;
	margin: 2px 3px;
	opacity: 1.0;
	filter: alpha(opacity = 100);
}

.cfSystem {
	background: #afe69d;
	text-align: left;
	border: 1px solid #a7a7a7;
	border-width: 0 1px 1px 0;
	padding: 2px 3px;
}

.cfColumn {
	border-right: 1px solid #a7a7a7;
	vertical-align: text-top;
}

.screenElemfield {
	background-color: #CFE49C;
}

.elementCF {

}

.designerOptionsTable {
	margin: 0 5px;
	text-align: center;
}

.designerOptionsTable a {
	font-size: 11px;
	font-style: normal;
}

.wfActionLink {
	border-left: solid 1px #CCC;
	padding-left: 5px;
	vertical-align: top;
	text-align: center;
	font: normal 11px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.workflow select {
	width: 200px;
}

.screenHelp {
	font-size: 10px;
}

.screenHelpExample {
	font-size: 11px;
	color: gray;
	font-weight: bold;
}

.screenHelpSyntax {
	font-size: 10px;
}

.EditScreenTab {
	padding: 3px 3px 0 3px;
}
.EditScreenTab td {
	padding: 2px 10px;
}
.EditScreenTab label {
	padding: 3px 0;
	display: inline-block;
}
.editForm textarea {
	width: 200px;
}

.editForm input[type=text] {
	width: 200px;
}

.editForm select {
	width: 200px;
}

.actionPropertiesSection {
	border: solid 1px #ccc;
	border-width: 1px;
	margin-top: 5px;
}

.actionPropertiesTitle {
	text-align: left;
	/* color: gray;  */
	/* font-size: large;  */
	padding: 5px 0 10px 5px;
	clear: both;
}

.postActionRuleTab {
	width: 950px;
	height: 530px;
	overflow: auto;
}

.textAreaReadonly {
	border: 1px solid #697D87;
	color: gray;
	margin: 10px;
	width: 700px;
	height: 50xp;
}

.adminForm INPUT[type=password] {
	width: 99%;
}

.adminForm INPUT[type=text] {
	width: 99%;
}

.adminForm INPUT[type=checkbox] {
	width: 10px;
}

.adminForm textarea {
	width: 99%;
}

.adminForm td:first-child{
	color: #666;
	font-weight: bold;
}

.adminForm td:first-child label {
	color: #000;
}

.adminForm td:last-child{
	background: #fff;
}

.adminForm td:first-child label {
	font-weight: normal;
}
.adminForm select {
	width: 100%;
}

.adminForm td {
	vertical-align: top;
	padding: 3px 2px;
}

.adminFormFixed INPUT[type=text] {
	width: 200px;
}

.adminFormFixed INPUT[type=checkbox] {
	width: 10px;
}

.adminFormFixed textarea {
	width: 200px;
}

.adminFormFixed select {
	width: 200px;
}


.adminFormFixedExtended INPUT[type=text] {
	width: 400px;
}
.adminFormFixedExtended INPUT[type=password] {
	width: 400px;
}

.adminFormFixedExtended INPUT[type=checkbox] {
	width: 10px;
}

.adminFormFixedExtended textarea {
	width: 400px;
}

.adminFormFixedExtended select {
	width: 400px;
}


.adminFormSmall INPUT[type=text] {
	width: 100px;
}

.adminFormSmall INPUT[type=checkbox] {
	width: 10px;
}

.adminFormSmall textarea {
	width: 100px;
}

.adminFormSmall select {
	width: 100px;
}

.adminFormSmall td {
	vertical-align: top;
}

.adminULContainer {
	margin-left: -32px;
}

.adminULContainer ul li {
	list-style-type: none;
}

.cfRenderPreview ul {
	list-style-type: none;
	padding-left: 0;
}

.cfRenderPreview ul li {
	padding: 5px 10px;
}

.predImagePreview {
	width: 250px;
	height: 100px;
	text-align: center;
	margin-bottom: 30px;
}

predValues {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color: black;
	margin-bottom: 1pt;
	font-size: 9.0pt;
	background-color: #e5e5e5;
	border-right: 1px solid #bebebe;
}

.predValuesTable {
	background-color: #e5e5e5;
	font-weight: bold;
	border: 1px solid #bebebe;
}

.tdWordWrap {
	word-wrap: break-word;
}

.edit_item_section {
	width: 98%;
	margin: 5px 0 0 0;
	padding: 2px 2px 0 2px;
}

.businessCalendarSelectedDates {
	float: left;
	width: 120px;
	background: #fff;
	vertical-align: top;
	height: 150px;
	overflow: auto;
	border: 1px solid #7F9DB9;
	margin-left: 0;
}

.bcPeriod {
	float: left;
	width: 48%;
	height: 20px;
}

.bcPeriodRight {
	margin-left: 5px;
}

.bcPeriodLeft {
	border-right: 2px solid #fff;
}

.bcHour {
	float: left;
	width: 55%;
}

.bcMinute {
	float: left;
	width: 45%;
}

.bcHour select {
	width: 50px;
}

.bcMinute select {
	width: 40px;
}

.publicLinkAssignmentOptionDiv {
	padding: 10px 0 5px 5px;
}

.publicLinkAssignmentOptionDiv .label {
	width: 120px;
	float: left;
	background: #fff;
}

.publicLinkAssignmentOptionDiv .value {
	float: left;
	width: 200px;
	padding-top: 3px;
}

.ctColumn {
	float: left;
	width: 120px;
	vertical-align: top;
}

#avaliableScriptsList,#selectedScriptsList {
	list-style-type: none;
	margin: 0;
	float: left;
	margin-right: 10px;
	padding: 5px;
	width: 96%;
}

#avaliableScriptsList li,#selectedScriptsList li {
	margin: 2px;
	padding: 2px;
	font-size: 1.2em;
	width: 260px;
	height: 20px;
}

.customTableDesigner div.pagelinks {
	width: 150px;
}

.unitTestExecutedInfo {
	font-weight: bold;
}

.unitTestExecutedInfo div {
	margin-right: 5px;
}

.unitTestsExecutedWithErrors {
	color: #b12121;
}

.unitTestsExecutedSuccessfully {
	color: #3a7e00;
}

.unitTestsExecutedWithWarnings {
	color: #d78025;
}

.unitTestsBackToUnitTestsButtonDiv {
	clear: both;
	padding-top: 20px;
}

.unitTestsBackToUnitTestsButton {
	background-color: #00A7E1;
	border: 3px solid #ebebeb;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 0.9em !important;
	font-weight: bold;
	padding: 8px 28px;
	text-align: center;
	background: url('../../img/arrow_back.png') no-repeat scroll left center
		#FFFFFF;
	background: rgb(0, 135, 180); /*Old browsers */
	background: -moz-linear-gradient(top, rgba(0, 135, 180, 1) 0%,
		rgba(0, 140, 187, 1) 0%, rgba(0, 140, 187, 1) 0%, rgba(0, 169, 226, 1)
		100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,
		135, 180, 1)), color-stop(0%, rgba(0, 140, 187, 1)),
		color-stop(0%, rgba(0, 140, 187, 1)),
		color-stop(100%, rgba(0, 169, 226, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0, 135, 180, 1) 0%,
		rgba(0, 140, 187, 1) 0%, rgba(0, 140, 187, 1) 0%, rgba(0, 169, 226, 1)
		100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0, 135, 180, 1) 0%,
		rgba(0, 140, 187, 1) 0%, rgba(0, 140, 187, 1) 0%, rgba(0, 169, 226, 1)
		100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0, 135, 180, 1) 0%,
		rgba(0, 140, 187, 1) 0%, rgba(0, 140, 187, 1) 0%, rgba(0, 169, 226, 1)
		100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0, 135, 180, 1) 0%,
		rgba(0, 140, 187, 1) 0%, rgba(0, 140, 187, 1) 0%, rgba(0, 169, 226, 1)
		100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#0087b4',
		endColorstr='#00a9e2', GradientType=0); /* IE6-9 */
}

.unitTestsImgDiv {
	padding-left: 30px;
}

.unitTestsErrorImg {
	background: url('../../img/unit_tests/error.png') no-repeat scroll left
		center transparent;
}

.unitTestsSuccessfullImg {
	background: url('../../img/unit_tests/passed.png') no-repeat scroll left
		center transparent;
}

.unitTestsFaliureImg {
	background: url('../../img/unit_tests/failed.png') no-repeat scroll left
		center transparent;
}

.wizardNavigationArrowGray {
	background: url('../../img/arrow_gray.png') top center no-repeat
		transparent;
	width: 190px;
	height: 35px;
	text-align: center;
	color: #D9D9D9;
	font-weight: bold;
	padding: 18px 20px 0 20px;
	float: left;
}

.wizardNavigationArrowBlue {
	background: url('../../img/arrow_blue.png') top center no-repeat
		transparent;
	width: 190px;
	height: 35px;
	text-align: center;
	color: #66CBEE;
	font-weight: bold;
	padding: 18px 20px 0 20px;
	float: left;
}

.wizardNavigationDiv {
	margin-bottom: 83px;
}

.addNewWorkflowWizardStep1 {
	margin: 0 auto;
	width: 800px;
}

.addNewWorkflowWizardStep2 {
	margin: 0 auto;
	width: 805px;
}

.addNewWorkflowWizardCPQ {
	margin: 0 auto;
	width: 800px;
	padding-top: 20px;
}

.addNewWorkflowWizardCPQ textarea {
	width: 760px;
}

.addNewWorkflowWizardTable {
	border: 1px solid #d4d4d4;
}

.addNewWorkflowWizardTableHeader {
	padding: 8px;
	background-color: #fafafa;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	border-radius: 5px 5px 0 0;
}

.addNewWorkflowWizardTableInnerContent {
	padding: 10px;
}

.addNewWorkflowWizardTableInnerContent input[type="radio"] {
	margin: 2px;
}

.addNewWorkflowWizardTableInnerContent .padding-indent {
	padding: 5px 20px;
}
.addNewWorkflowWizardField {
	width: 240px;
}

.addNewWorkflowWizardCancelDiv {
	margin-top: 20px;
}

.addNewWorkflowWizardButtonsDiv {
	margin: 10px auto;
}

.addNewWorkflowWizardSubmitMargin {
	margin-right: 20px;
}

.addNewWorkflowWizardFDDiv {
	margin: 0 auto;
	width: 1240px;
}

.addNewWorkflowWizardStatuseLabelsTD {
	padding: 20px 0 5px 0;
}

.addNewWorkflowWizardStatuseLabels {
	font-weight: bold;
}

.addNewWorkflowWizardStatusSearchDiv {
	margin-top: 10px;
}

.addNewWorkflowWizardAddStatus {
	font-size: 10px;
	text-align: right;
	padding-left: 100px;
}
/* .addNewWorkflowWizardSelectStatuses .pagelinks {
	text-align: center !important;
	margin-top: 20px;
	vertical-align: center;
	width: 180px;
	float: none !important;
	margin-left: 5px;
} */
.addNewWorkflowWizardAvailableStatues,.addNewWorkflowWizardSelectedStatues
	{
	width: 50%;
	vertical-align: top;
	text-align: center;
}

.addNewWorkflowWizardAvailableStatuesDiv {
	margin-top: 10px;
	margin-left: 60px;
	width: 300px;
	position: relative;
	height: 310px;
}

.addNewWorkflowWizardAvailableStatuesDiv .cfField {
	text-align: left;
	background: #E5E5E5;
	border: 3px solid #B5B5B5;
	border-width: 1px;
	padding: 2px 3px;
}

.addNewWorkflowWizardSelectedStatusesDropZone .cfFieldSelected {
	margin-left: 40px;
	text-align: left;
	background: #E5E5E5;
	border: 3px solid #B5B5B5;
	border-width: 1px;
	padding: 2px 3px;
}

.addNewWorkflowWizardFDDiv .navigationDiv {
	margin-bottom: 0 !important;
}

.addNewWorkflowWizardAvailableStatusesDiv {
	margin-top: 10px;
	padding: 0 30px;
}

.addNewWorkflowWizardSelectedStatusesDropZone {
	width: 99%;
	height: 99%;
}

.copyWorkflowWaitDiv {
	margin: 0 auto;
	padding-top: 100px;
}

.publicLinkAutocomplete input[type="text"] {
	width: 280px;
}

.publicCaseCreationInput {
	width: 280px;
}

.publicCaseCreationSelect {
	width: 280px;
}

.publicCaseCreationSelectSmaller {
	width: 286px;
}

.publicLinkAssignmentOptionDiv input[type="text"] {
	width: 219px;
}

.caseCreationWidgetInput {
	width: 345px;
}

.caseCreationWidgetInputSmaller {
	width: 280px;
}

.caseCreationWidgetSelect {
	width: 350px;
}

.caseCreationWidgetSelectSmaller,.caseListWidgetSelectSmaller {
	width: 286px;
}

.caseCreationWidgetDefaultAssigneeSelect,.publicCaseCreationDefaultAssigneeSelect
	{
	margin-left: 26px;
}

.caseCreationWigdetAdvancedTable1,.caseListWigdetAdvancedTable1 {
	float: left;
}

.caseCreationWigdetAdvancedTable2,.caseListWigdetAdvancedTable2 {
	float: left;
	margin-left: 50px;
}

.caseListWidgetInputSmaller {
	width: 280px;
}

.caseListWidgetAutocomplete input[type="text"],.caseCreationWidgetAutocomplete input[type="text"]
	{
	width: 280px;
}

.publicCaseCreationLabel,.caseCreationWidgetLabel,.caseListWidgetLabel {
	vertical-align: top;
	width: 200px;
	text-align: right;
}

.caseCreationWidgetMessageNote,.caseListWidgetMessageNote {
	margin: 10px 7px 10px 3px;
}

.viewLinkContainer {
	width: 800px;
	margin: 0 auto;
}

.viewLinkMessage {
	width: 640px;
}

.textAlignLeft {
	text-align: left;
}

.publicLinkDiv {
	margin-top: 10px;
}

.viewLinkOkButton {
	padding: 5px 0;
}

.viewLinkTopContainer {
	width: 800px;
	margin: 0 auto;
	padding-bottom: 15px;
}

.fdTopContainer {
	width: 1210px;
	margin: 0 auto;
	border-radius: 3px;
}

.fdTable {
	width: 1200px;
}

.fdPaletteDiv {
	width: 1200px;
	margin: 0 auto;
	background-color: #F4F4F4;
	padding-top: 10px;
	border: 1px solid #CCCCCC;
	z-index: 90;
	-moz-box-shadow: -1px 4px 9px #7a7474;
	-webkit-box-shadow: -1px 4px 9px #7a7474;
	box-shadow: 0 4px 5px #7A7A7A
}

.fdDesignArea {
	border: 1px solid #CCCCCC;
	width: 1190px;
	margin: 0 auto;
}

.fdPaletteBackground {
	background-color: #F4F4F4;
}

.fdPaletteTabDiv {
	height: 155px;
}

.fdPaletteDiv .fdTabNavigationTabs .active {
	background-color: #F4F4F4 !important;
	border-bottom: 1px solid #F4F4F4 !important;
}

.fdPaletteDiv .fdTabNavigationTabs .disabled a {
	border-bottom: 1px solid #F4F4F4 !important;
}

.fdPaletteDiv .fdTabNavigationTabs li {
	background-color: #E0E0E0 !important;
	border-bottom: 1px solid #CCCCCC !important;
}

.fdPaletteCustomTabFieldType {
	margin-top: 5px;
	float: left;
	margin-left: 3px;
	margin-right: 20px;
}

.fdPaletteCustomTabSearch {
	margin-top: 5px;
	margin-left: 3px;
	float: left;
}

.fdPaletteStandardTabSearch {
	margin-top: 5px;
	float: left;
}

.fdPaletteFormsTabSearch {
	margin-top: 5px;
	margin-left: 3px;
	float: left;
}

.fdPaletteUITabSearch {
	margin-top: 5px;
	margin-left: 3px;
	float: left;
}

.fdPaletteCustomTabSearch input[type="text"],.fdPaletteStandardTabSearch input[type="text"],.fdPaletteFormsTabSearch input[type="text"]
	{
	width: 198px !important;
}

.fdPaletteStandardTabSearch input[type="text"] {
	margin-left: -2px;
}

.fdPaletteCustomTabSearch input[type="button"] {

}

.cftableFields,.cftableForms,.cfImageList {
	margin-top: 5px;
}

.cftableFields .pagebanner,.cfsystemFields .pagebanner,.cftableForms .pagebanner
	{

}

.cftableFields .pagelinks,.cfsystemFields .pagelinks,.cftableForms .pagelinks
	{
	margin-right: 5px;
}

.fdPaletteFieldsDiv,.fdPaletteUIHTMLDivsContainer div {
	width: 155px;
	height: 17px;
	margin: 3px;
	display: inline-block;
	text-align: left;
	background: #E5E5E5;
	border: 1px solid #B5B5B5 !important;
	border-width: 1px;
	padding: 2px 3px;
	cursor: move;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0 \9;
}

.fdTabsContainer {
	clear: left;
}

.fdPaletteUIHTMLDiv {
	float: left;
	width: 350px;
}

.fdPaletteUIImagesDiv {
	float: left;
	margin-left: 100px;
	width: 700px;
}

.fdPaletteUIHTMLDivTitle {
	border-bottom: 1px solid #B5B5B5;
}

.fdPaletteUIImagesDivTitle {
	border-bottom: 1px solid #B5B5B5;
	width: 350px;
}

.fdPaletteUIImagesDiv #cfSearhPhrase {

}

.fdPaletteAddNew {
	margin-left: 50px;
}

.fdPalettePageLinks {
	border: solid 1px #F4F4F4 !important;
}

.fdTabNavigationDiv {
	float: left;
}

.fdActionsDivWrapper {
	border-bottom: 1px solid #CCCCCC;
	height: 35px;
}
.fdActionsDiv {
	float: right;
	padding-left: 75px;
	margin-top: 5px;
}

.fdActionsDivAction {
	padding: 0 5px;
}

.fdActionsDivActionSuperUser {
	font-style: italic;
}

.fdSaveAndStayButton {
	background: rgb(224, 224, 224); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(224, 224, 224, 1) 0%,
		rgba(237, 237, 237, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(224,
		224, 224, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(224, 224, 224, 1) 0%,
		rgba(237, 237, 237, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(224, 224, 224, 1) 0%,
		rgba(237, 237, 237, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(224, 224, 224, 1) 0%,
		rgba(237, 237, 237, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(224, 224, 224, 1) 0%,
		rgba(237, 237, 237, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#e0e0e0',
		endColorstr='#ededed', GradientType=0); /* IE6-8 */
	border: 1px solid #008CBB;
	border-radius: 5px 5px 5px 5px;
	color: #008CBB;
	cursor: pointer;
	font-size: 0.9em !important;
	font-weight: bold;
	padding: 8px 28px;
	text-align: center;
	width: 120px;
}

.fdButtonsMargin {
	margin-right: 20px;
}

.fdCftableFieldsContainer {
	height: 110px;
	position: relative;
	padding-top: 5px;
}

.addNewWorkflowWizardAvailableStatuesDiv .pagelinks {
	position: absolute;
	bottom: -10px;
	margin: 0;
	width: 200px;
	text-align: right;
}

.fdTabsContainer .pagebanner {
	position: absolute;
	bottom: 0;
}

.fdTabsContainer .pagelinks {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 4px 0 0 !important;
}

#cftableFields .dTable-icon:not(.disabled .dTable-icon){
	color:#0a6bcc;
}

#cftableFields .pagelinks {
	float: right;
	padding: 2px 4px 2px 4px;
	border: solid 1px #fff;
	width: 200px !important;
	text-align: right;
	font-size: 12px;
}

#cftableFields .pagelinks > strong, #cftableFields .pagelinks > a  {
	padding: 0 0 0 5px;
}

.addNewWorkflowWizardAvailableStatuesDiv .pagebanner {
	position: absolute;
	text-align: left;
	bottom: 15px;
	width: 200px;
}

.modalContent #tableEditActionDefn {
	width: 850px !important;
}
/**
.fdPaletteDiv .message {
	border-bottom: none !important;
	border-top: none !important;
	background: url("../../img/information.png") no-repeat scroll 15px 50% #F4F4F4 !important;
	margin-top: 15px !important;
} */

.cfCustomizeButtons {
	background: #fff;
	padding: 5px 0 5px 0;
	text-align: right;
}

.customizeValuesDiv {
	padding: 0 0 5px 5px;
}

.customizeValuesDiv .label {
	float: left;
	background: #fff;
}

.customizeValuesDiv .value {
	float: left;
	padding: 7px 0 5px 25px;
}

.containerDesignerDiv {
	float: right;
	margin-right: 85px;
}

.templateDesignerDiv {
	float: right;
	margin-right: 90px;
}

.customizeControllerDiv {
	float: right;
	margin-right: 90px;
}

.customizeControllerTable {
	max-width: 700px;
}

.cfQueryTable {
	width: 800px;
}

.testQueryDiv {
	margin: 3px 0;
}

.cfQueryTable .testQueryDiv input[type=text] {
	width: 150px;
	margin-right: 20px;
}

.cfQueryTable .customTables {
	margin: 5px 0;
}

.cfQueryTable .message_note {
	margin: 3px 0;
}

.cfQueryTextArea {
	width: 800px;
	height: 300px;
	margin-top: 5px;
}

.cfQueryButtonsTopBorder {
	border-top: solid 1px #CCC;
	padding-top: 5px;
}

.cfQueryCancelButtonMargin {
	margin-left: 8px;
	margin-right: 8px;

}
.multiSelectBoxComponent td {
	padding: 0;
}
.editContainer .multiSelectBoxComponent {
	height: 100px;
}

.customasedTableNameSelection div:first-child {
	width: 188px;
	text-align: right;
	padding: 3px 3px 3px 3px;
	margin-right: 3px;
	color: #666;
}

.customasedTableNameSelection {
	margin-bottom: 1em;
}

.customasedTableNameSelection input {
	width: 250px;
}

.componentAdvanceSelectBox td {
	border: none;
}

.componentAdvanceSelectBox td {
	border: none;
}

.editContainer {
	width: 800px;
}

.editContainerSimple {
	width: 500px;
}

.editContainer .cfTable td {
	padding: 2px 4px !important;
}

.editContainer .cfTable {
	margin: 15px 0 !important;
}

.editContainer .cfTable tr td:first-child {
	width: 200px;
	vertical-align: top;
}

.editContainer .subtitle {
	font-weight: bold;
}

.editContainer .changeSettings {
	margin: 15px 0;
}

.editContainer #tbl_basic {
	border: 1px solid #ccc;
}


.localParamMainTable {
	width: 1100px;
}

.localParamContentTable {
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	width: 700px;
	float: left;
}

.localParamEdit {
	padding-top: 20px;
}

.localParamTab {
	width: 1150px;
	height: 550px;
	overflow-y: auto;
	overflow-c: auto;
	overflow: auto;
	padding-left: 3px;
}

.localParamEditForm  {
	width: 360px;
}
.localParamEditForm table {
	width: 99%;
}

.localParamEditForm INPUT[type="text"]  {
	width: 230px;
}
.localParamEditForm textarea  {
	width: 230px;
}
#tabContent7Inner {
	float: left;
	width: 700px;
}
.localParamAddLabel {
	float: right;
	width: 400px;
}
.localParamPasswordLabel{
	padding: 10px 10px 10px 25px;
}
.paramTableContentLeftCell {
    text-align: left;
    width: 250px;
}
.paramTableContentRightCell {
    text-align: left;
}
.paramTableContentTextInput {
    width: 300px;
}
.paramTableMailSubject {
    width: 400px;
}
.systemIdPage {
	width: 400px;
	margin: 0 auto;
}
.systemIdPage .viewSystemId {
	width: 99%;
}
.viewSystemIdTable {
	width: 99%;
	padding: 5px;
}



.viewSistemIdResult table {
	border-collapse: collapse;
	border: 1px solid #9a9a9a;
	width: 99%;
	margin-top: 10px;
}

.viewSistemIdResult table th,.viewSistemIdResult td {
	border: 1px solid #9a9a9a;
	padding-left: 3px;
	text-align: left;
}

.viewSistemIdResult table th {
	font-weight: bold;
	background-color: #e0e0e0;
}

.viewSistemIdResult table td:first-child+td {
	font-style: italic;
}

.editCloseLink {
	float: right;
	width: 22px;
}

.postActionRuleDiv {
	background:
		url("../custom-theme/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x
		scroll 50% 50% #E6E6E6;
	/* background: url("http://dev.webcomserver.com/wpm-dev/css/custom-theme/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6; */
	border: 1px solid #D3D3D3;
	color: #555;
	height: 20px;
	margin: 2px;
	padding: 5px 2px 2px 6px;
	font-size: 14px;
}

.postActionRuleEmptyTDWidth {
	padding-left: 10px;
}

.postActionRuleConditionsInnerTable {
	border-collapse: collapse;
	width: 80%;
}

.postActionRuleConditionsInnerTable td,.postActionRuleConditionsInnerTable th
	{
	border: 1px solid #CCCCCC;
	border-width: 1px;
}

.postActionRuleConditionsInnerTable td {
	padding: 5px 20px;
	text-align: center;
	width: 150px;
}

.seCaseConditionsDiv1 {
	float: left;
	margin-left: 5px;
}

.seCaseConditionsDiv2 {
	float: left;
	margin-left: 50px;
}

.postActionRulesStepInfo {
	padding: 10px 5px;
	font-weight: bold;
}

.postActionRuleConditionsInnerTableDiv {
	padding: 10px;
}

.postActionRuleCustomFieldsDiv {
	margin: 5px 0 0 5px;
	width: 700px;
}

.postActionRuleCustomFieldsDiv>div:first-child {
	margin: 5px;
}

.divBorderBottom {
	padding: 5px 0;
	border: 1px solid #CCCCCC;
	border-width: 0 0 1px 0;
}

.postActionCustomFieldsSearch {
	margin: 10px 0;
}

.postActionCustomFieldHeader {
	width: 700px;
}

.postActionCustomFieldHeader td {
	background-color: #e0e0e0;
	padding: 3px;
	width: 350px;
}

.postActionCustomFieldsList>div:first-child {
	width: 700px;
	overflow-x: hidden;
	width: 99%;
	height: 150px;
	background: #fff;
	border: 1px dashed #AAAAAA;
}

.postActionCustomFieldsList input[type=text] {
	width: 290px;
}

.postActionCustomFieldsList table {
	width: 700px;
}

.postActionButtons {
	text-align: center;
	padding: 10px 0 10px 0;
}

.postActionsPerformerHiddenRow {
	background-color: #FFFFFF !important;
}

.seSelectActionDiv1 {
	float: left;
	margin-left: 5px;
}

.seSelectActionDiv2 {
	float: left;
	margin-left: 50px;
}

.postActionEditorClass ul.tablayout {
	list-style-type: none;
	margin: 0;
	padding-bottom: 33px;
	padding-left: 0;
}

.postActionEditorClass ul.tablayout li {
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	float: left;
	height: 27px;
	position: relative;
	padding: 0 25px;
	margin: 0;
}

.postActionEditorClass ul.tablayout li:after {
	content: "";
	background: url('../../img/inactive-arrow.png') no-repeat scroll left
		center transparent;
	height: 27px;
	width: 12px;
	position: absolute;
	right: -12px;
	z-index: 1;
}

.postActionEditorClass ul.tablayout a {
	color: #535353;
	display: block;
	float: left;
	font-weight: bold;
	padding-top: 5px;
	text-decoration: none;
}

.postActionEditorClass ul.tablayout a:hover {
	color: #00A8E3;
}

.postActionEditorClass ul.tablayout li.active {
	background-color: #FFFFFF;
	border: 1px solid #00a8e3;
	top: 0 !important;
}

.postActionEditorClass ul.tablayout li.active a {
	color: #00a8e3;
}

.postActionEditorClass ul.tablayout li.active:after {
	content: "";
	background: url('../../img/active-arrow.png') no-repeat scroll left
		center transparent;
	height: 27px;
	width: 12px;
	position: absolute;
	right: -12px;
	z-index: 1;
}

.postActionEditorClass ul.tablayout li.active:before {
	content: "";
	background: url('../../img/active-arrow-before.png') no-repeat scroll
		left center transparent;
	height: 27px;
	width: 12px;
	position: absolute;
	left: -2px;
	z-index: 1;
}

.postActionEditorClass ul.tablayout li:last-child:after {
	background-image: none;
}

.postActionEditorClass ul.tablayout li.active:first-child:before {
	background-image: none;
}

.postActionRuleNameDiv {
	margin: 7px 0 0 7px;
	font-weight: bold;
}

.postActionRuleNameDiv input[type=text] {
	width: 488px;
}

.scriptsAddNewLink {
	margin-left: 440px;
}

.pvSearchBox {
	width: 100px;
	margin: 3px 0;
}

.postActionRuleEditLink:hover {
	color: #00a8e3 !important;
	cursor: pointer;
}

.postActionRuleEditLink {
	color: #2D3C96;
	cursor: pointer;
	font-size: 10px;
	vertical-align: middle;
	text-decoration: underline !important;
}

.postActionNextPreviousButton {
	background-color: #FFFFFF;
	border: 1px solid #07A8E0;
	border-radius: 5px 5px 5px 5px;
	color: #07A8E0;
	cursor: pointer;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 3px 8px;
	padding: 5px 0;
	text-align: center;
	width: 90px;
}

.postActionSaveButtonDiv {
	text-align: center;
	padding: 10px 0;
}

.postActionSaveButton {
	padding: 6px 18px !important;
}

.scriptResouceObjects {
	cursor: pointer;
	padding: 5px 0 5px 18px;
}

.scriptResouceObjects {
	cursor: pointer;
	padding: 5px 0 5px 18px;
}

.scriptResouceObjectContent>div {
	padding: 3px;
}
.scriptResouceObjectContent {
	font-size: 8pt;
}
#scriptContextInfo, #customObjectInfo {
	border: 1px solid #ccc;
	padding: 5px;
	margin-top: -11px;
}
.classInfoMethod{
	padding-left:30px
}
.classInfoTitle {
	color: #2D3C96;
	cursor: pointer;
	text-decoration: underline;
}

.classInfoTitle {
	color: #00A8E3;
}

.classInfo {
	font-size: 8pt;
	background-color: #efefef;
	border: 1px solid #ccc;
}

.classInfo .closeSmall {
	float: right;
	height: 16px;
	width: 16px;
	cursor: pointer;
}

.classInfo>div, #objectInfo>div {
	padding: 3px;
}

#objectInfo{
	margin-top:5px;
	font-family: courier new;
}
.postActionEditorClass .tableActions td ul {
	width: 250px;
}

.postActionCustomFieldsList td {
	width: 350px;
}

.seNotifications textarea {
	height: 250px;
	width: 500px;
}

.seNotifications input[type=text] {
	width: 500px;
}

.seNotifications select {
	width: 300px;
}

.scriptsTestData {
	display: none;
	border: 1px solid #CCCCCC;
	margin-top: -11px;
	padding: 5px;
}

.scriptsTestData input[type="text"] {
	width: 250px;
	margin: 5px 0;
}

.scriptsTestDataButton {
	margin: 5px 28px 0 0;
	float: right;
}

.scriptWithTestDataInfo {
	margin-top: 10px;
	color: red;
}
.tableScriptData {
	margin-top: 20px;
}
.tableScriptData input[type=text]{
	width: 295px;
}
.tableScriptData #systemIdInputField {
    width: 270px;
}
.tableScriptData #systemIdEditIcon {
    margin-left: 60% !important;
}
.tableScriptData select{
	width: 300px;
}
.tableScriptData #systemIdDiv {
    width: 33% !important;
}
.scriptPageConsoleContainer{
	float: left;
    margin: 20px 0 20px 20px;
    width: 1000px;
}
.scriptCodeAreaIncreasedHeight {
	height: 500px !important;
}

.scriptEditorsDiv,.scriptOutputDiv {
	min-width: 600px;
	width: 100%;
}

.scriptDotomButtonsDiv {
	text-align: center;
}

.scriptHelpTools {

}

.scriptHelpToolWidget {
	margin-bottom: 10px;
}

.scriptHelpToolMargin {
	margin-top: 10px;
}
.scriptHelpToolContent {
	border: 1px solid #ccc;
	margin-top: -11px;
	margin-bottom: 10px;
}
.scriptHelpToolContent .ui-autocomplete-input {
	width: 100%;
}

.scriptMiddleButtons {
	margin-top: 5px;
}

.scriptMiddleButtonsFloat {
	float: left;
}

.scriptCodeSaved {
	color: red;
	margin-top: 2px;
}

.fullScreenHint {
	color: gray;
	font-size: smaller;
}

.designerEditStyle td:first-child {
	text-align: right;
}

.designerEditStyle td:second-child {
	text-align: left;
}

.designerEditStyle table {
	width: 100%;
}

.actionPropertiesLessImportant {
	color: gray;
	font-size: smaller;
	margin-top: 5px;
}

.bsAction #systemIdInputField {
	width: 200px;
}

.shTasksActionsTR {
	width: 100px;
}
.scrEdit {
    width: 600px;
}
.scrEdit table {
    width: 99%;
}
 .scrEdit tr td:first-child {
	width: 200px;
	vertical-align: top;
    text-align: right;
}
 .scrEdit tr td:last-child {
	vertical-align: top;
	text-align: left;
}
 .scrEdit tr td:first-child.sectionTitle{
	background-color: #fff;
}
 .editRelaredCasesDates tr td:first-child{
 	width: 50px;
	background-color: #fff;
    padding: 2px 3px;
    text-align: right;
 }

table.auditChanges {
	width: 100%;
	border-collapse: collapse !important;
}
table.auditChanges tr:first-child td {
 	border-top: 0 !important;
}
table.auditChanges tr:last-child td {
 	border-bottom: 0 !important;
}
table.auditChanges tr td:first-child {
 	border-left: 0 !important;
}
table.auditChanges tr td:last-child {
 	border-right: 0 !important;
}
table.auditChanges tr td span.italic {
	font-style: italic;
	display: block;
	width: 70px;
	float: left;
}
table.auditChanges tr td div {
	white-space: nowrap;
	overflow: hidden;
	width: 250px;
	text-overflow: ellipsis;
	float: left;
	display: block;
}
table.auditChanges tr td div.diff_content {
	display: none;
	position: absolute;
	background-color: white;
	padding: 5px;
	border: 1px solid black;
	width: 400px;
	max-height: 300px;
	overflow: auto;
	text-overflow: clip;
}
table.auditChanges tr td:hover div.diff_content {
	display: block;
}
.lineitem {
	border: 1px solid #CCC;
	border-width: 0 1px 1px 0;
	background-color: #F5F5F5;
	margin: 2px;
	padding: 0;
}
.fieldContainer {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: black;
    background-color: #E4F1F1;
    margin: 0, 0, 0, 0;
    margin-bottom:1pt;
	font-size:9.0pt;
}
.homePageSortable{
	min-height:200px;
}
.homePageColumn{
	vertical-align: top;
}
#imagePreview {
	float: right;
	position: absolute;
	right: 20px;
}

#imagePreview img {
	max-width: 80px;
	max-height: 80px;
}

.tableMailTemplateEditor #systemIdDiv {
	width: 58% !important;
}
.tableMailTemplateEditor #systemIdEditIcon {
	margin-left: 0 !important;
}

.filter-table {
	width: 100%;
	padding: 5px;
}

.filter-table td:first-child {
	width: 150px;
}

.filter-table input[type="text"], .filter-table input.wpmCalendar, .filter-table select {
	width: 250px;
	}
.buttonBehaviour {
	background-color: #fff;
}
.buttonBehaviour td:first-child{
	width: 20px;
}
.buttonBehaviourContent{
	padding-top : 5px;
	display:none;
}

#scriptCustomParams {
	padding: 5px;
	max-height: 250px;
	overflow-x: auto;
}

#scriptCustomParams ul {
	margin: 0;
	padding: 6px 25px 8px 25px;
}

#tableEditCpq {
	text-align: left !important;
}
#tableEditCpq td.lable {
	width: 450px;
}

#tableEditCpq input[type='text'], #tableEditCpq input[type='password'] {
	width: 250px;
}

#executionTree .node {
    cursor: pointer;
  }

#executionTree .overlay{
      background-color:#EEE;
  }

#executionTree .node circle {
    fill: #fff;
    stroke: steelblue;
    stroke-width: 1.5px;
  }

#executionTree .node text {
    font-size:10px;
    font-family:sans-serif;
  }

#executionTree .link {
    fill: none;
    stroke: #ccc;
    stroke-width: 1.5px;
  }

#executionTree .templink {
    fill: none;
    stroke: red;
    stroke-width: 3px;
  }

#executionTree .ghostCircle.show{
      display:block;
  }

#executionTree .ghostCircle, #executionTree .activeDrag .ghostCircle{
       display: none;
  }

 /* debugger css */

 .config-form table {
	margin: 5px 0;
}
.setup-admin-home-wrap {
  width: 1200px;
  margin: 0 auto;
}
.statistics-wrap {
  margin: 0 8px;
}
.statistics {
  height: 160px;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 10px;
  width: 100%;
  table-layout: fixed;
}
.statistic-box {
  text-align: center;
}
.statistic-box .number {
  font-size: 1.5em;
  padding: 15px 0;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.link-box {
  width: 100%;
  table-layout: fixed;
}
.link-box td {
  vertical-align: top;
}
.boxes {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 15px;
  margin: 5px;
  height: 320px;
}
.head {
  background-color: black;
  color: #fff;
  padding: 10px;
  margin: 0;
  font-size: 1em;
}
.boxes ul {
  list-style-type: none;
  margin: 0 0 0 20px;
  padding: 0;
  height: 250px;
  overflow: auto;
}
.boxes ul li {
  padding: 4px 2px;
}
.head_secondary {
  background-color: #00a8e3;
  color: #fff;
  font-weight: normal;
  padding: 10px;
  margin: 0;
  font-size: 1em;
}
.head_tertiary {
  background-color: #d9d9d9;
  color: #000;
  font-weight: normal;
  padding: 10px;
  margin: 5px 0;
  font-size: 1em;
}
.info-text {
  padding: 5px;
  margin: 5px 5px 10px 5px;
}

/*
	Scripts IDE
*/
#script-ide {
    width: 80%;
    margin: 0 auto;
    min-width: 90%;
    min-height: 800px;
    display: table;
}

#script-ide-header {
    background-color:black;
    color:white;
    text-align:center;
    padding:5px;
    display: table-row;
}

#script-ide-tree {
    width:20%;
    float:left;
    margin-top: 5px;
    border: 1px solid #d4d4d4;
}

#script-ide-section {
    float:right;
    width: 79%;
    margin-top: 5px;
}

#script-ide-section-empty {
	float:right;
	width: 79%;
	margin-top: 5px;
	background-color: #f3f3f3;
	height: 980px;
	border: 1px solid #d4d4d4;
}

#script-ide-section-empty:before {
	content: ' ';
	display: inline-block;
	vertical-align: middle; /* vertical alignment of the inline element */
	height: 20%;
}

.script-ide-section-empty-ul{
	font-size: 14px;
}

.script-ide-section-empty-ul li{
	margin: 0 0 15px 0;
}

#script-ide-section-header {
    text-align:center;
    padding:5px;
    border: 1px solid #d4d4d4;
}

#script-ide-section-editor-output {
    float:left;
	width:70%;
}

#script-ide-section-unit-tests {
    padding:5px;
	height: 300px;
    border: 1px solid #d4d4d4;
    margin-top: 1px;
    padding-bottom: 20px;
}

.scriptsButtonsDiv {

}

#script-ide-section-views {
	height: 30px;
	margin-top: 10px;
	line-height:30px;
}

#script-ide-section-views .tab {
	float: left;
	cursor: pointer;
	padding: 0 5px;
	background-color: #f3f3f3;
	border-top: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}

#script-ide-tabs {
	width: 100%;
	height: 30px;
	line-height:30px;
}

#script-ide-tabs .tab:first-child {
	border-left: 1px solid #d4d4d4;
}

#script-ide-section-views .tab:first-child {
	border-left: 1px solid #d4d4d4;
}

#script-ide-tabs .tab.new {
	width: 25px;
	color: #000;
	text-align: center;
	padding: 0;
}

#script-ide-tabs .tab.more {
	width: 25px;
	text-align: center;
	padding: 0;
}

#script-ide-tabs .tab:hover {
	background-color: white;
	color: #000;
}

#script-ide-tabs .closeTab:hover {
	color: #1ea9e0;
}

#script-ide-tabs .tab.more:hover {
	border-bottom: 1px solid #d4d4d4;
}

#script-ide-tabs .tab.new:hover {
	border-bottom: 1px solid #d4d4d4;
}


#script-ide-tabs .tab {
	float: left;
	cursor: pointer;
	padding: 0 5px;
	background-color: #f3f3f3;
	border-top: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
}

#script-ide-tabs .scriptName {
	float: left;
	margin-right: 5px;
}

#script-ide-tabs .dirtyTab {
	float: left;
	padding-right: 3px;
}

#script-ide-tabs .closeTab {
	float: right;
	padding-right: 5px;
}

#script-ide-section-views .selected {
	float: left;
	background-color: #fff;
	border-right: 1px solid #d4d4d4;
}

#script-ide-tabs .selected {
	float: left;
	background-color: #fff;
	border-right: 1px solid #d4d4d4;
}

#script-ide-tabs-section {
	padding: 5px;
	margin-top: 1px;
	border: 1px solid #d4d4d4;
}

#script-ide-section-editor {
    padding:5px;
    overflow-y: auto;
    border: 1px solid #d4d4d4;
    margin-top: 10px;
}

#script-ide-section-context {
    float: right;
    padding: 10px;
    width: 27%;
    border: 1px solid #d4d4d4;
    margin-top: 10px;
    max-height: 895px;
    overflow: auto;
}

#script-ide-section-output {
	padding: 5px;
	height: 300px;
    border: 1px solid #d4d4d4;
    margin-top: 1px;
    padding-bottom: 20px;
}

#script-ide-section-history {
	padding:5px;
	height: 300px;
    border: 1px solid #d4d4d4;
    margin-top: 1px;
    padding-bottom: 20px;
}

#script-ide-section .buttonSection {
	text-align: right;
	float: right;
	vertical-align: middle;
}


#script-ide-tabs .dropbtn {
    display: inline-block;
    text-align: center;
}

#script-ide-tabs li.dropdown {
    display: inline-block;
}

#script-ide-tabs .dropdown-content {
    display: none;
    z-index: 10;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    border: 1px solid #d4d4d4;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    text-align: left;
}

#script-ide-tabs .dropdown-content a {
    color: #636466;
    padding: 2px 5px;
    text-decoration: none;
    text-align: left;
}

#script-ide-tabs .dirtyFlag {
	padding-left: 3px;
	font-weight: bold;
}

#script-ide-tabs .dropdown-content div:hover {
	background-color: #f1f1f1
}

#showSearchOptions .dropdown-content {
    display: none;
    z-index: 10;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    border: 1px solid #d4d4d4;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

#showMoreActions .dropdown-content {
    display: none;
    z-index: 10;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    border: 1px solid #d4d4d4;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    text-align: left;
}

#showMoreActions .dropdown-content a {
    color: #636466;
    padding: 2px 5px;
    text-decoration: none;
    text-align: left;
}

#showMoreActions .dropdown-content div {
	cursor: pointer;
}

#showMoreActions .dropdown-content div:hover {
	background-color: #f1f1f1
}

#showMoreActionsButton {
	cursor: pointer;
}

#moreActionButtonDiv {
	margin-right: 5px;
}

#showNewActions .dropdown-content {
    display: none;
    z-index: 10;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 130px;
    border: 1px solid #d4d4d4;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    text-align: left;
}

#showNewActions .dropdown-content a {
    color: #636466;
    padding: 2px 5px;
    text-decoration: none;
    text-align: left;
}

#showNewActions .dropdown-content div {
	cursor: pointer;
}

#showNewActions .dropdown-content div:hover {
	background-color: #f1f1f1
}

#showNewActionsButton {
	cursor: pointer;
}

.scriptsButtonsDiv.sticky {
	z-index : 100;
	position: fixed;
	top: 0;
	background-color: #f3f3f3;
	margin-top: 0;
	border: 1px solid #d4d4d4;
}

#bsAction #systemIdTopDiv {
	width: 220px;
}

span.fancytree-node.script_type_7 > span.fancytree-icon {
    background-position: 0 -194px;
}

span.fancytree-node.script_type_2 > span.fancytree-icon {
    background-position: -16px -194px;
}

span.fancytree-node.script_type_3 > span.fancytree-icon {
    background-position: -32px -194px;
}

span.fancytree-node.script_type_4 > span.fancytree-icon {
    background-position: -48px -194px;
}

span.fancytree-node.script_type_5 > span.fancytree-icon {
    background-position: -64px -194px;
}

span.fancytree-node.script_type_12 > span.fancytree-icon {
    background-position: -80px -194px;
}

span.fancytree-node.script_type_1 > span.fancytree-icon {
    background-position: 0 -177px;
}

span.fancytree-node.script_type_8 > span.fancytree-icon {
    background-position: -16px -177px;
}

span.fancytree-node.script_type_9 > span.fancytree-icon {
    background-position: -32px -177px;
}

span.fancytree-node.script_type_10 > span.fancytree-icon {
    background-position: -48px -177px;
}

span.fancytree-node.script_type_11 > span.fancytree-icon {
    background-position: -64px -177px;
}

span.fancytree-node.script_type_6 > span.fancytree-icon {
    background-position: -80px -176px;
}
.ctIndexNoAvailableColumnsMessage {
	margin-top: 10px;
}
.ctIndexShowMainDiv {
	width: 1050px;
	margin: 0 auto;
}
.ctIndexAddNewButtonDiv {
	padding: 15px;
}
.ctIndexAddNewButton {
	margin-right: 10px;
}
.ctAddIndexMainDiv {
	width: 450px;
	margin: 0 auto;
}
.ctAddIndexTable {
	width: 80%;
}
.ctAddIndexTableLabelCell {
	width: 200px;
	text-align:right;
}
.ctAddIndexTableValueCell {
	width: 250px;
}
.ctAddIndexBottomButtonsDiv {
	margin-top: 10px;
}
.ctAddIndexColumns {
	width: 260px;
}
.ctAddIndexCancelButton {
	margin-right: 10px;
}
.ctListIndexTable td, .ctListIndexTable th {
	width: 200px; text-align: left;
}
.ctListIndexTableCreatedBy {
	text-align: center;
}
.ctListIndexTableActions {
	cursor: pointer;
}
.scriptEditorDraftAutoSaved {
	margin-top: 3px;
	color: #309030;
}
.scriptEditorDraftAutoSavedTimePassed {
	margin-top: 3px;
	color: #919293;
}
.scriptEditorDraftOpened {
	margin-top: 2px;
	margin-right: 50px;
	color: #D9B500;
	font-weight: bold;
}
.scriptEditorButtonVerticalSeparator {
	border-left: 1px solid #d4d4d4;
	margin: 0 10px 0 6px;
}
.customImageButton{
	background-color: white;
	border: none;
	font-size: 32px;
	color: gray;
	position: absolute;
	top: -1px;
	padding: 0;
	right: 1px;
	height: 31px;
	width: 30px;
	line-height: 30px;
}
.newCaseButtonHolder{
	text-align: center;
	margin-top:10px;
}
.customMenuIcon{
	width: 25px;
	height: 25px;
	font-size: 20px;
	line-height: 25px;
	display: inline-block;
	text-align: center;
	border-radius: 2px;
	margin:5px;
	padding:2px;
	border: 2px solid white;
}
.icon_holder{
	width: 496px;
	height: 417px;
	overflow: auto;
	padding:5px;
	margin: 0 5px 5px 5px;
}
.modalButtonHolder{
	text-align: right;
	border-top: 1px solid gray;
}
.iconPickerButton{
	margin-bottom: 5px;
	margin-top: 2px;
	margin-right: 5px;
}
#chosenMenuIcon{
	height: 20px;
	width: 20px;
	display: inline-block;
	font-size: 20px;
}
.iconChooserLink{
	float:right;
}
.iconChooserLink:hover{
	cursor: pointer;
}
.cf_date_as_string_help_icon {
	cursor: pointer;
	width: 5%;
	float: right;
	margin-right: 2%;
}

.arrow_box_div_date_as_string {
  width: 280px !important;
  padding-right: 10px;
}

.cf_date_as_string_help {
  display: none;
  position: absolute;
  margin-left: -120px;
  margin-top: 20px;
  text-align: left;
}