body,th,td,input,textarea {font:12px arial; }
th{text-align:left;}
body {margin: 0 0 0 0;}
a {/*color:#000088;*/text-decoration:none}
a:hover {text-decoration:underline;}
/*li{list-style-type:circle;}*/
.BlueButton { FONT-WEIGHT: bold; COLOR: #ffffff; BACKGROUND-COLOR: #156aaa; }
.bodybackground{background-color:#ffffff;}
.Copyright {font-size: 9px;color: #C0C0C0;}
.CopyrightBlack {font-size: 9px;color: #cccccc;}
.DDL{float:left;background:#ccc;width:15px;height:20px;border:solid 1px #000; border-left:0px; background-position:right; background-repeat:no-repeat; background-image:url(images/dropdown.gif);}
.ESign {background-color:#f0f0f0;border:solid 1px #000000;}
.EditTable
{
	padding:2px;
	background-color:#000000;
	color:White;
}
.FormStyle {margin: 5px 15px 5px 15px;}
.FormsGrid
{
	border-style:solid;
	border-width: 1px;
	border-color:#000000;
}
.FormsItems
{
	background:#fff;
	border-style:dotted;
	border-width: 1px;
	border-color:#c0c0c0;
}
.Grid {border:solid 1px #c2c2c2; background-color:#ffffff;}
.GridTab {border:solid 1px #C0C0C0;color:#000000;cursor:default;background-color:#C0C0C0;padding:2 2 0 2;}
.GridHeader {background-color:#d0d0d0; color:#000000; font-weight:bold; font-size:medium;}
.GridAltRow {background-color:#ffffff;}
.GridTab:hover {text-decoration:none}
.HelpLinks {text-decoration:none;color:#000000;font-weight:bold; font-size:x-small;}
.HelpLinks:hover {text-decoration:none;color:#0099ff;font-weight:bold; font-size:x-small;}
.InactiveGridTab {border:solid 1px #C0C0C0;padding:2 5 0 5;}
.InactiveGridTab:hover {text-decoration:none}
.MainContent{PADDING-RIGHT:8px; PADDING-LEFT:8px; PADDING-BOTTOM:5px; PADDING-TOP:5px;}
.MenuLinks {text-decoration:none;color:#000000;}
.MenuLinks:hover {text-decoration:underline}
.MyFormsDuplicateMessage {padding: 20px 20px 20px 20px;}
.MyFormBody {margin: 30px 0px 0px 40px;}
.MyFormsBodyLink {color:#0000ff;text-decoration:none; cursor:pointer;}
.MyFormsBodyLink:hover {color:orange;text-decoration:none;}
.MyFormsPageIntro{margin: 0px 0px 20px 0px; font-size:10pt; width:600px;}
.MyFormsPageIntroSub{margin: 0px 0px 00px 20px;}
.MyFormsTitle{margin: 0px 0px 20px 0px; font-size:11pt; font-weight:bold; color:#000000;}
.MyFormsContinue{float: left; text-align:center; width:550px;}
.MyFormsBottom{clear:both; text-align:center; width:550px;}
.MyFormsIcons{clear:both; float: left; padding: 0px 0px 0px 0px; width:650px;}
.MyFormsIconGroup{clear:both; padding: 0px 0px 0px 0px; width:650px;}
.MyFormsIcon{margin: 0px 15px 0px 0px; float: left;}
.AccountLayoutWrapper{width:500px;}
.MyFormsLayoutWrapper{width:400px; margin: 0px 0px 0px 40px; float: left; height:auto; border: dotted 0px #c0c0c0;}
.MyFormsLayoutWrapperBottom{width:400px; clear:both; margin: 0px 0px 0px 30px; height:auto; border: dotted 1px #c0c0c0;}
.MyFormsLabel{font-weight:bold; border: solid 1px white; margin: 0px 0px 1px 0px; padding: 2px 2px 2px 2px; width:160px; background-color:#f0f0f0;}
.MyFormsControl{padding: 4px 0px 4px 0px; float: right; width:300px; height: auto;}
.MyFormsTableHeader
{
    color: white;
    background-color: #0099ff;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    height: 20px;
}
.WarningTableHeader
{
    color: black;
    background-color: #fff200;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    height: 20px;
}
.MyFormsTableBorder
{
	border: 1px solid #000;
}
.HeaderSubNavLink {padding: 0px 3px 0px 3px; color:#000; font-weight:400; }
.HeaderSubNavLink:hover {padding: 0px 3px 0px 3px; color:orange; font-weight:400; text-decoration:none}
.HeaderSubNavigation{margin-right:17px; margin-bottom:10px;}
.HeaderNavigation{background: #000000; padding: 3px 0px 3px 0px; margin-bottom:8px;}
.HeaderLink{color:#ffffff; font-size:12px; font-weight:bold; padding: 0px 0px 0px 12px;}
.HeaderLink:hover{color:orange; font-size:12px; font-weight:bold; padding: 0px 0px 0px 12px;}
.HeaderStripe1{background: #99cc33; height:1px; clear:both;}
.HeaderStripe2{background: #000000; height:2px;}
.HeaderStripe3{background: #000000; height:8px;}
.MyFormsViewForms{text-align:center;}
.MyFormsGrid
{
	border-style:solid;
	border-width: 1px;
	border-color:#000000;
	width:725px;
}
.MyFormsItems
{
	background:#fff;
	border-style:dotted;
	border-width: 1px;
	border-color:#c0c0c0;
	width:725px;
}
.MyFormsTableSubHeader{background-color:#e0edfd; font-weight:bold;}
.MyFormsGridAltRow {background-color:#f0f0f0;}
.Note {text-align:left; font-size:xx-small;}
.PageTitle {font-weight:bold; font-size:medium; color:Black; margin-bottom:20px; margin-top:10px;font-family: 'Open Sans', Arial; }
.SiteContents {width:100%; padding: 10px, 10px, 10px, 10px; clear:both;}
.SiteHeader {width:100%; height:60px; background: #fff url(MyForms/images/MyForms_SiteHeader.jpg) no-repeat;}
.SiteHeaderLogin {width:100%; height:60px; background: #fff url(MyForms/images/MyForms_SiteHeader.jpg) no-repeat;}
.SiteHeaderLink {font-size:26pt; visibility: hidden;}
.SiteLogo {float: left; width:100%;}
.SiteLogOff{float: left; width:10%; text-align:right; padding: 35px 0px 0px 0px;  background-color:#0099ff;}
.TableHeader {background-color:#69A5E0; color:#ffffff; font-weight:600; font-size:11pt; border: solid 0px; background: #96BFE9 url("images/gridheader.gif") repeat-x 0 100%;}
.TableLabel {font-size:x-small; color:Black; background-color:#cccccc;}
.TableDesignerButton 
{
	font-weight:bold;
	background-color:#5ea1e6; 
	color:#ffffff; 
	padding-left:5px; 
	padding-right:5px;
	padding-bottom:3px;
	margin-top:0px;
	margin-left:0px;}
.HelpTitle {font-size:10pt; font-weight:bold; text-decoration:underline;}
.Title {font-size:10pt; font-weight:bold;}
.newstitle
{
	font-size:14; 
	font-family:arial; 
	color:#000000; 
	font-weight:bold; 
	text-align:left;
}
.newsintro
{
	font-size:12; 
	font-family:arial; 
	color:#000000; 
	font-weight:normal; 
	text-align:left;
}
.NewsDetailsPublishDateLabel
{
	font-size:12; 
	font-family:arial; 
	color:#000000; 
	font-weight:bold; 
	text-align:left;
	background-color:#f0f0f0;
}
.NewsDetailsPublishDate
{
	font-size:12; 
	font-family:arial; 
	color:#000000; 
	font-weight:normal; 
	text-align:left;
}
.NewsDetailsTitleLabel
{
	font-size:12; 
	font-family:arial; 
	color:#000000; 
	font-weight:bold; 
	text-align:left;
	background-color:#f0f0f0;
}
.NewsDetailsTitle
{
	font-size:12; 
	font-family:arial; 
	color:#000000; 
	font-weight:normal; 
	text-align:left;
}
.NewsDetailsBodyLabel
{
	font-size:12; 
	font-family:arial; 
	color:#000000; 
	font-weight:bold; 
	text-align:left;
	background-color:#f0f0f0;
}
.NewsDetailsBody
{
	font-size:12; 
	font-family:arial; 
	color:#000000; 
	font-weight:normal; 
	text-align:left;
}
/*Modal Popup*/
.modalBackground {
	background-color:black;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:2px;
	border-style:solid;
	border-color:#009900;
	padding:10px;
	width:400px;
	height: 200px;
}

.modalPopupCSS {
	background-color:#ffffff;
	border-width:2px;
	border-style:solid;
	border-color:#f0f0f0;
	padding:10px;
	width:650px;
	height: 350px;
}

.imageVCenter
{
    vertical-align: middle;
}

/* Accordian */
.accordionHeader
{
    border: 1px solid #000000;
    color: white;
    background-color: #156aaa;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected
{
    border: 1px solid #000000;
    color: white;
    background-color: #156aaa;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #f0f0f0;
    border: 1px solid #000000;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    padding-left: 10px;
}

/* Collapsable Panel */
.collapsePanelHeader
{
	padding:5px;
      width:800px;            
      height:20px;
      color: blue;
      background-color: #fff;
      float:none;
      cursor: pointer; 
      vertical-align: middle;
}
.collapsePanel 
{
	  padding:0px;
      width: 800px;
      height:0px;
      background-color:#ffffcc;
      overflow:hidden;
}
.collapsePanelWizard 
{
	  margin-left:0px;
      width: 650px;
      height:0px;
      background-color:#ffffcc;
      overflow:hidden;
}
.helpContents
{
	border:solid 1px #000;
	padding:10px;	
	white-space: normal;
}

/*Reorder List*/
.dragHandle {
	width:20px;
	height:20px;
	background-color:Blue;
	background-image:url(images/bg-menu-main.png);
	cursor:move;
	border:outset thin white;
}

.callbackStyle {
	/*border:thin blue inset;		*/
	list-style:none;
}

.reorderListMain
{

}
.callbackStyle table 
{
	list-style:none;
	background-image:url(images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-color:#ffffff;	
	filter:alpha(opacity=60);
	opacity:0.60;
}


.reorderListDemo li {
	list-style:none;
	background-image:url(images/itemcontrolback.gif);
	background-repeat:repeat-x;
	color:#FFF;
}


.reorderListDemo ul
{margin:0px; padding:0px;}

.dragVisualContainer li  {
    list-style:none;
	background-image:url(images/itemcontrolback.gif);
	background-repeat:repeat-x;
	color:#FFF;
}


.reorderListDemo li a 
{
	color:#FFF !important; 
	font-weight:bold;
	list-style:none;
}

.reorderCue 
{
	border:dashed thin black;
	width:100%;
	height:20px;
}

.itemArea 
{
	/*margin-left:5px;*/
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
	white-space:nowrap;
}
.itemAreaWithWrap
{
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}
.itemInfoName 
{
	 margin-left: 2px;
	 text-align:left;
     margin-right:0px;
     color:Black;
     font-weight:bold;
}
.itemControlType
{
	font-family:Arial, Verdana, sans-serif;
	font-weight:bold;
	color:Black;
}

.button {
    margin-left:385px;
}

.panel {
    /*margin-left:40px;*/
}

/* Form Editor */
.updatePanelLegend
{
	color:#165ea9;
	font-weight:bold;	
}

.editToolboxPanel
{
	clear:both;
	padding-right:10px;
	background-color:#ffffff;	
	float: left;
}

/* Form Designer */
.fieldName 
{
	color:#165ea9;
	float:left;
	padding-left:5px;
}
/* Form Item Wizard */
#formwizard {
	/*width:760px;*/
	margin:0 auto;
	background:#fff;
	border:solid 2px #f0f0f0;
}
#formwizardheader 
{
	padding-left:20px;
	padding-bottom:5px;
	background:#fff;
	font-size:14pt;
	font-weight:bold;
}
#formwizardmain 
{
	float:left;
	width:450px;
	height:400px;
	background:#fff;
}
#formwizardsidebar 
{
	padding-right:10px;
	padding-top:10px;
	float:right;
	width:300px;
	height:380px;
	background:#fff;
}
#controlchoices 
{
	border:solid 1px #ccc;	
}
#controlchoices td
{
    font-family: 'Open Sans', Arial;
    font-size: 14px;
}
#formwizardfooter 
{
	border: solid 10px #5ea1e6;
	background:#fff;
	clear:both;
	min-height:100px;
	min-width:740px;
}
#formintrofooter 
{
	clear:both;
	height:0px;
}
.wizardCategory
{
	padding-left:10px;
	padding-top:10px;
	font-weight:bold;
	font-size:20px;	
}
.wizardinstructions
{
    padding-top:6px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	background:#fff;
	font-size:10pt;
}
.wizardSearchTitle
{
	padding-left:8px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:10pt;
	font-weight:bold;
	background-color:#d2e9ff;
}
.wizardPreviewControl
{
	 padding:5px;
	 min-width:740px;
}
.formwizardnavigation
{
	clear:both;
	padding-top:10px;
	padding-left:700px;
}
.designerNavigation
{
	color:#fff;
	font-family: @Arial Unicode MS;
	font-weight:bold; 
	font-size:10px; 
	padding: 3px 3px 3px 3px;
	margin-left:0px;
	background-color:#165ea9;
	border: solid 1px #000;
}

.designerNavigation:hover
{
	color:orange;
	text-decoration:none;
	font-family: @Arial Unicode MS;
	font-weight:bold; 
	font-size:10px; 
	padding: 3px 3px 3px 3px;
	margin-left:0px;
	background-color:#165ea9;
	border: solid 1px #000;
}

.designerNavigationRight
{
	float:right;
	color:#fff;
	font-family: @Arial Unicode MS;
	font-weight:bold; 
	font-size:10px; 
	padding: 3px 3px 3px 3px;
	margin-right:2px;
	background-color:#165ea9;
	border: solid 1px #000;
}

.designerNavigationRight:hover
{
	color:orange;
	text-decoration:none;
	font-family: @Arial Unicode MS;
	font-weight:bold; 
	font-size:10px; 
	padding: 3px 3px 3px 3px;
	margin-right:2px;
	background-color:#165ea9;
	border: solid 1px #000;
}

/* Image Alignment */
.ImageRight
{
	text-align:right;	
}
.ImageLeft
{
	text-align:left;	
}
.ImageCenter
{
	text-align:center;	
}

/* DynamicFormTreeView border style */
.DFormTreeNodeBorder
{
    border-style: none none dotted none;
    border-color: #999999;
    border-width: 1px;
}

.tabs
{
    position:relative;
    top:1px;
    left:10px;
}
.tab
{
    border:solid 1px black;
    background-color:#eeeeee;
    padding:2px 10px;
}
.selectedTab
{
    background-color:white;
    border-bottom:solid 1px white;
}
.tabContents
{
    border:solid 1px black;
    padding:10px;
    background-color:white;
}

/* These are pseudo-bootstrap classes */
.container {
    font-family: 'Open Sans', Arial;
    font-size: 14px
}