﻿.createWidgetTextArea { width: 60%; height: 150px; }
.createWidgetMainContainer { padding: 2%; }
.createWidgetXmlInputDiv { display: none; }
.customWidgetParseStatusDiv { margin: 5px auto; width: 70%; }
.customWidgetXmlParseStatus_Error { color: Red; padding: 0px 0px 0px 20px; background: url(images/icon_error_small.png) no-repeat top left; border: 1px solid Red; }
.customWidgetXmlParseStatus_Success { width: 90%; color: Green; padding: 0px 0px 5px 20px; background: url(images/icon_success_small.png) no-repeat top left; border: 1px solid Green; }
.customWidgetErrors { height: 100px; overflow: scroll; width: 100%; }
.customWidgetClear { clear: both; }
.customWidgetBold { font-weight: bold; }
.customWidgetAlignCenter { margin: 0 auto; }
.customWidgetAlignRight { text-align: right; }
.customWidgetVerticalGap { height: 5px; }
.customWidgetOutputSection { width: 70%; border: 1px solid #99BBE8; min-height: 50px; margin: 0 auto; padding: 5px; margin-top: 10px; }
.customWidgetTitle { width: 100%; margin: 0 auto; text-align: center; color: Blue; }
.customWidgetOutput { margin: 0 auto; border: 1px solid #99BBE8; }
.customWidgetOutputPanel { }
.customWidgetOutputNoScroll { margin: 0 auto; border: 1px solid #99BBE8; }
.customWidgetDescription { width: 100%; margin: 0 auto; text-align: center; }
.customWidgetInfo { text-align: left; padding: 2px 5px; margin-top: 10px; text-align: right; color: #666; }
.customWidgetSettings { overflow: auto; }
.customWidgetDisplaySettings { min-height: 1px; min-width: 330px; width: 98%; }
.customWidgetWidgetSettings { width: 100%; }
.customWidgetWidgetSettingsInnerDiv { border: 1px solid #99BBE8; background: #E7EFF9; padding: 5px 10px; }
.customWidgetDisplaySettingsHeader { font-weight: bold; padding: 2px; text-align: center; margin-bottom: 5px; }
.customWidgetDisplaySettingsLabel { width: 65px; float: left; font-weight: bold; text-align: right; }
.customWidgetDisplaySettingsValue { float: left; margin-left: 3%; }
.customWidgetDisplaySettingsValue input[type="text"] { width: 150px; }
.customWidgetDisplaySettingsLabel ul { margin: 0; padding: 0; }
.customWidgetDisplaySettingsLabel ul li { list-style: none; height: 25px; }
.customWidgetDisplaySettingsValue ul { margin: 0; padding: 0; }
.customWidgetDisplaySettingsValue ul li { list-style: none; height: 25px; }
.customWidgetLTRDirection { direction: ltr; }
.customWidgetRTLDirection { direction: rtl; font-weight: bold; }
.customWidgetSettingsControlSpacing { margin-bottom: 5px; }
/***********   Styles for Test Page *********/
.customWidgetTestTopDivHeader { margin: 0 auto; width: 70%; padding: 5px; border: 1px solid grey; }
.customWidgetTestTopDivHeader ul { }
.customWidgetTestTopDivHeader ul li { display: inline; }
.customWidgetTestTopDivContent { margin: 0 auto; width: 70%; padding: 5px; border: 1px solid #CCC; }
.customWidgetTestTextArea { width: 100%; height: 200px; }
.customWidgetTestParseStatusDiv { margin: 5px auto; width: 70%; }
.customWidgetTestXmlParseStatus_Error { color: Red; padding: 0px 0px 0px 20px; background: url(images/icon_error_small.png) no-repeat top left; border: 1px solid Red; }
.customWidgetTestXmlParseStatus_Success { width: 90%; color: Green; padding: 0px 0px 5px 20px; background: url(images/icon_success_small.png) no-repeat top left; border: 1px solid Green; }
.customWidgetTestErrors { height: 100px; overflow: scroll; width: 100%; }
.customWidgetTestClear { clear: both; }
.customWidgetTestBold { font-weight: bold; }
.customWidgetTestAlignCenter { margin: 0 auto; }
.customWidgetTestAlignRight { text-align: right; }
.customWidgetTestVerticalGap { height: 5px; }
.customWidgetTestOutputSection { width: 70%; border: 1px solid #99BBE8; min-height: 50px; margin: 0 auto; padding: 5px; margin-top: 10px; }
.customWidgetTestTitle { width: 100%; margin: 0 auto; text-align: center; color: Blue; }
.customWidgetTestOutput { margin: 0 auto; border: 1px solid #99BBE8; }
.customWidgetTestOutputPanel { }
.customWidgetTestOutputNoScroll { margin: 0 auto; border: 1px solid #99BBE8; }
.customWidgetTestDescription { width: 100%; margin: 0 auto; text-align: center; }
.customWidgetTestInfo { text-align: left; padding: 2px 5px; margin-top: 10px; text-align: right; color: #666; }
.customWidgetTestSettings { width: 70%; margin: 0 auto; padding: 5px; border: 1px solid black; margin-top: 10px; }
.customWidgetTestDisplaySettings { min-height: 1px; width: 40%; margin-right: 5%; float: left; padding: 5px 10px; border: 1px solid #99BBE8; background: #E7EFF9; }
.customWidgetTestWidgetSettings { float: left; width: 48%; }
.customWidgetTestWidgetSettingsInnerDiv { border: 1px solid #99BBE8; background: #E7EFF9; padding: 5px 10px; }
.customWidgetTestDisplaySettingsHeader { font-weight: bold; padding: 2px; text-align: center; margin-bottom: 5px; }
.customWidgetTestDisplaySettingsLabel { width: 65px; float: left; font-weight: bold; text-align: right; }
.customWidgetTestDisplaySettingsValue { float: left; margin-left: 3%; }
.customWidgetTestDisplaySettingsValue input[type="text"] { width: 150px; }
.customWidgetTestDisplaySettingsLabel ul { margin: 0; padding: 0; }
.customWidgetTestDisplaySettingsLabel ul li { list-style: none; height: 25px; }
.customWidgetTestDisplaySettingsValue ul { margin: 0; padding: 0; }
.customWidgetTestDisplaySettingsValue ul li { list-style: none; height: 25px; }
.customWidgetTestLTRDirection { direction: ltr; }
.customWidgetTestRTLDirection { direction: rtl; font-weight: bold; }
.task label { display: none; }
