.container-fluid{max-width:900px;}
.table-align-center-extForms{
    margin-left: auto;
    margin-right: auto;
}
.text-align-left-extForms{
    text-align: left;
}
.no-border-extForms {
  border: none;
}
.valign-top-extForms {
  vertical-align: top;
}
.valign-middle-extForms {
  vertical-align: middle;
}
.full-width-extForms {
     width: 100%;
}
.compact-image-extForms{
    height: 21px;
    width: 34px;
}
.wide-image-extForms{
    height: 50px;
    width: 150px;
}
.ht-25-extForms{
    height: 25px;
}
.wide-cell-extForms{
    width:30%;
    height:25px;
}
.img-logo-extForms{
    width: 219px;
    height: 44px;
}
.col-25-percent-extForms{
    width: 25%;
}
.clearable{
  background: #fff url("../../images/externalFormBuilder/removeFilter.gif") no-repeat right -10px center;
  border: 1px solid #999;
  padding: 3px 18px 3px 4px; /* Use the same right padding (18) in jQ! */
  border-radius: 3px;
  transition: background 0.4s;
}
.clearable.z  { background-position: right 5px center; }
.clearable.onZ{ cursor: pointer; }

.textFade
{
    opacity:0.4;
    filter:alpha(opacity=40);
}
.jquerybubblepopup-innerHtml{max-width:300px;word-wrap:break-word;}

.pre-form
{
	border-radius:3px; border:1px solid #dee0e0; width:100px; height:25px; text-align:center; display:block; 
    background: linear-gradient(0deg, #f6f6f6, #ffffff 80%); line-height:25px;
	font-family: "SourceSansPro-Regular"; font-size:14px; color:#4d4c4c;
	text-decoration:none; margin-right:5px;
}

.right-div{ float:left; width:98%; height:auto; min-height:200px;padding-left:9px; display:inline-block;}
.top-box{ width:100%;  height:60px; margin:0px auto; clear:both;}
.top-box div.inner-box{ width:100%; float:left; height:100%; border:1px solid #d7d7d9;border-radius:3px; cursor:move;}
.top-box div.first{ width:45px; text-align:center; line-height:48px; }
.top-box div.wide{ width:45px; width:678px; }
.top-box1{ float:left; height:60px; }
.top-box1 div.wide{  width:362px; margin-top:10px; }
.top-box2{ float:left;height:60px; margin-left:11px;}
.top-box2 div.wide{  width:363px;margin-top:10px;}

.labels{ height:100%;}
.labels span.box-icon{  margin-top:18px;}
.labels span.multitxt{ line-height:60px;font-family:SourceSansPro-Regular; font-size:14px;}
.labels span.message-icon{ background:url(../../images/externalFormBuilder/messageIcon.png) no-repeat; width:15px; height:14px; display:inline-block; margin-left:7px;margin-right:7px;}

.right-icon{ float:right;  width:auto; margin-top:18px; margin-right:5px;}
.icons{ list-style:none; float:left; height:20px; margin:0; padding:0;}
.icons li{float:left; padding:1px 5px 1px 5px;}
.icons li img{ border:none; cursor:pointer;}

.drop-cnt{ width:100%; height:50px; background:#eeeeee; border:1px dashed #969696; margin:auto; margin-top:0px;  border-radius:5px;  }
.drop-cnt p{ text-align:center; color:#ababab; text-shadow:0 1px 0 #fff; font-size: 14px; font-weight:bold;font-family:SourceSansPro-Regular;}

.btm-txt{font-size:14px; padding-top:10px; width:98%; margin:20px auto;  height:30px; border-top:1px dotted #2E2E2E; color:#2E2E2E; padding-left:15px; font-family:SourceSansPro-Regular;}
.box-icon { 
	background:url(../../images/externalFormBuilder/master-icon.png) no-repeat; 
	display: block;
	float: left;
	width: 20px;margin: 6px 6px 4px 7px;
	height: 20px;
	text-indent: -9999px;
}
.box-icon.textfield-icon {background-position: 0 -18px;}
.box-icon.textarea-icon {background-position: 0 -38px;}
.zip-icon{
	background:url(../../images/externalFormBuilder/number.png) no-repeat;float: left; 
	width: 20px;margin: 22px 6px 4px 7px; display:block;
	height: 20px; border:0px solid red; overflow:hidden;
}

.left-wrap{ width:98%; height:auto; margin-left:3px; padding:10px 0 10px 0; float:left;}
.tab-wrap{ width:100%; height:35px; margin:auto;}
.tab-wrap ul{ list-style:none; margin:0; padding:0;width:100%;}
.tab-wrap ul li{ float:left;}
.tab-wrap ul li.left-mgn{ margin-left:10px;}
.tab-wrap ul li a{text-align:center;line-height:33px;}
.tab-wrap ul li a{display:block;font-family:"SourceSansPro-Regular";font-size:14px;color:#504f4f;text-decoration:none;width:120.50px;height:34px;border-radius:3px 3px 0 0;}

.nav-tab{border:1px solid #dee0e0; border-bottom:none; background: linear-gradient(0deg, #f6f6f6, #ffffff 80%);}
.active-tab{ color:#faf7f7 !important; border-radius:3px 3px 0 0;border:1px solid #70787b; border-bottom:none; background: linear-gradient(0deg, #636a6d, #70787b 80%); }


.cnt-wrap{width:253px; height:auto; margin:auto;border:1px solid #dee0e0;}

.hTextN17{font-family:SourceSansPro-Regular; font-size:17px; font-weight:normal; color:#2f2f2f;}
.pd{padding:5px 10px;}
.fline{border-bottom:1px solid #ededed;}

.content {
    background:#FFF;
    
}
.rowText12,a.rowText12{font-family:Montserrat-Regular; font-size:14px; color:#373a3c;}
.rowText13,a.rowText13{font-family:Montserrat-Regular; font-size:14px; color:#373a3c; padding-left:7px;}
.moduleIcon{
	display:block;
	background-image: url(../../images/externalFormBuilder/moduleIcon.png);
	background-repeat: no-repeat;
	background-position: 10px 5px; padding-left:35px;
}
a.vp5{padding:7px 0px 7px 35px; text-decoration:none;}

.vp5{ padding:5px 0px; }

.BlText12, a.BlText12 {
   font-family:SourceSansPro-Regular; font-size:14px; color:#504f4f; text-decoration: none;
}

.sBginput {
 outline: none; background: url(../../images/externalFormBuilder/sicon.png) 200px 10px no-repeat; 
font-family: SourceSansPro-Regular;
font-size: 12px;
line-height: 17px; height:30px; padding-left:7px;
color: #bebdbd;
 border:1px solid #cfcfcf; border-radius:3px;
width: 96%;
font-family:SourceSansPro-Regular;
font-size: 14px;
}

.ff{font-family: "SourceSansPro-Regular";
font-size: 14px;
color:#000 !important;
font-weight: normal;
display: block;}

.bold a {
    font-size: 14px; float:left;
    font-weight: bold;
    text-align: center;
    width: 24px;
    height: 22px;
    text-decoration: none;
    line-height: 24px;
    display: block;
}

.italic a {float:left;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    width: 24px;
    height: 22px;
    text-decoration: none;
    line-height: 24px;
}
.underline a {
    float: left;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    width: 24px;
    height: 22px;
    text-decoration: none;
    line-height: 24px;
}

input.backgroundImg {
    height: 20px;
    padding: 2px 0px 2px 5px;
    border: 1px solid #D7D7D9;
    width: 92px;
    font-size: 10pt;
    line-height: 15px; color:#504F4F;
    font-family: SourceSansPro-Regular;
    position: relative !important;
    font-weight: bold;
    border-radius: 4px;
}

.textbox_4n{font-family:SourceSansPro-Regular; font-size:14px; color:#504f4f; margin-left:4px; border:1px solid #D7D7D9; height:25px; border-radius:4px; padding-top:2px;}

.top-mgn{ margin-top:10px !important;}


.data-table{ width:100%; height:52px; margin:auto}

.data-table tr td{ text-align:left; }


.fs{ font-size:17px !important;  }

.first-step-txt{ font-family:Montserrat-Regular; font-size:14px; color:#373a3c; padding-top:3px; padding-left:5px;} 

.last-step-txt{font-family:SourceSansPro-Regular; font-size:17px;  color:#999999;padding-top:3px;padding-left:5px; }

span.star{ color:#fc0505 !important;}

.form-table{ margin:auto;}
.form-table tr td{ /*color:#000000;font-weight:bold;*/}
.form-table tr td input[type='text']{ width:597px; /*height:20px; border:1px solid #d3d6d6; font-size: 14px; padding-left:5px;color:#000000;*/}
.form-table tr td select{ width:260px; /*height:30px; border:1px solid #d3d6d6;*/}
.form-table tr td select option{ padding:3px 0px 0px 2px}
.form-table tr td input[type='radio']{top:2px; position:relative}
.form-table tr td textarea{ width:597px; /*border:1px solid #d3d6d6; font-size: 14px; padding-left:5px;color:#000000;*/}

.arrow-margin{ margin-right:20px;}
.mt{ margin-left:5px; display:inline-block; border:0px solid red; position:relative; top:2px; cursor:pointer;}

.cm_new_button, .Fbtn {
background-color: #4D85D4;
border: medium none;
border-radius: 2px 2px 2px 2px;
color: #FFFFFF;
margin: 0 3px 0 0;
outline: medium none;
padding: 4px 6px;
cursor: pointer;
}

.form-config{font-size:12px; color:#343434; text-decoration:none; font-family:SourceSansPro-Regular;}

.pad-lft{ padding:5px 0px 5px 10px;}
.bText17b{font-family:Montserrat-Bold; font-size:14px; color:#373a3c; text-decoration:none; }

.drop-data tr td{border:1px solid #fff; }
.drop-data tr td:hover{ border:1px solid #ccc; cursor:move;}
.code-data { border:1px solid #D7D7D9;}

div.kolorPicker-wrapper {position:relative !important;}
input.kolorPicker {height:20px; padding:2px 0 2px 5px; border:1px solid #D7D7D9; width:92px; FONT-SIZE: 8pt; line-height:15px; background: #fff url(../../images/color-wheel.jpg) no-repeat 70px 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; FONT-FAMILY: Tahoma, SourceSansPro-Regular;position:relative !important;border-radius: 4px;}
div.kolorpicker-palette { float: left; margin: 0 0 10px 78px;width:180px;position:relative;display:inline;}
div.kolorpicker-palette ul { margin:0; padding-left:20px;}
div.kolorpicker-palette ul li { list-style: none; float: left; width: 42px; height: 12px; background: #D0DFE5; border: 1px solid #666666; font-size: 10px; line-height:12px; text-align: center; margin: 0 3px 0 0; padding: 3px 3px 4px 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #353448; cursor: pointer; }
#kolorPicker .kolorpicker-palette-select { background: #353448; color: #D0DFE5; }
div.x-close-box { float: right !important; width: 15px; height: 12px; font-size: 10px; line-height:12px; background: #353448; border: 1px solid #666666; text-align: center; padding: 3px 3px 4px 3px; margin: 0 2px 0 0; display: block;-moz-border-radius: 4px; -webkit-border-radius: 4px; color: #ffffff; cursor: pointer; }
#kolorPicker { border: 1px solid #353448; margin: 0; background: #f5f9fb; padding: 7px 5px 5px 5px; color: #fff; width: 290px; height: auto; z-index: 99; position: absolute; top: -8px; left: -8px; cursor:pointer; font: 13px/18px SourceSansPro-Regular;}
div#kolorPicker table td.tile {line-height:20px;}

a.blackBtn{background: url(../../images/audit/blackBtn-l.png) no-repeat left top; height:32px; display:block; padding-left:13px; float:left; text-decoration:none; margin-right:5px;}
a.blackBtn span{font-family:SourceSansPro-Regular; font-size: 14px; background-image: url(../../images/audit/blackBtn-r.png); background-repeat: no-repeat; background-position: right top; height:32px; display:block; line-height:32px; padding-right:13px; float:left; color:#000;}
a.greenBtn{background: url(../../images/audit/greenBtn-l.png) no-repeat left top; height:32px; display:block; padding-left:13px; float:left; text-decoration:none; margin-right:5px;}
a.greenBtn span{font-family:SourceSansPro-Regular; font-size: 14px; background: url(../../images/audit/greenBtn-r.png);  background-repeat: no-repeat; background-position: right top; height:32px; display:block; line-height:32px; padding-right:13px; float:left; color:#fff; font-weight:bold;}

.highPriority{color:#aeb7bc;}

.BlText13 {
    color: #121212;
    font-family: SourceSansPro-Regular;
    font-size: 14px;
}
.sdwBox {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 3px #BFBFBF;
    height: auto;
    margin: 4px;
    padding: 10px;
}
.sideBtn {
    background-color: #929292;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    margin: 0 3px 0 0;
    outline: medium none;
    padding: 3px 6px;
    cursor: pointer;
 font-size:14px;
 font-family: SourceSansPro-Regular; text-decoration:none;
}
a.sideBtn:hover, .sideBtn:hover{background-color: #7e7e7e;}
.hrbdr {
    border-bottom: 1px solid #EBEBEB;
}
.bText12gr, a.bText12gr {
    color: #747474;
    font-family: SourceSansPro-Regular;
    font-size: 12px;
    line-height: 17px;
    text-decoration: none;
}
.grAltRw2 {
    background-color: #F4F4F4;
}
.summaryTbl td.nonbdr {
    border-bottom: 0 none;
}
.summaryTbl td.vbdr {
    border-left: 1px solid #E9E7E7;
}
.summaryTbl td.hrbdr {
    border-bottom: 1px solid #EBEBEB;
}
.grAltRw2 {
    background-color: #F4F4F4;
}
.grAltRw3 {
    background-color: #EDEEEE;
}
.bText12b, .bText12b_b {
    color: #373a3c;
    font-family: Montserrat-Bold;
    font-size: 14px;
}
.summaryTbl td {
    border-bottom: 1px solid #F5F5F5;
}
a.sideBtn, .sideBtn {
    background-color: #929292;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: SourceSansPro-Regular;
    font-size: 14px;
    margin: 0 3px 0 0;
    outline: medium none;
    padding: 3px 6px;
    text-decoration: none;
}
.fltRight {
    float: right;
}
.step-bar{ 
	width:100%; 
	height:36px; 
	border:1px solid #e5e6e7;
	background: linear-gradient(0deg, #faf9f9, #FFF 80%) repeat scroll 0% 0% transparent;
	border-radius:3px;
}
.step-bar table{ 
	display:inline-table;
}
.steps{ 
	height:36px; float:left;   
}
.left-bg{ 
	height:36px; 
	background:url(../../images/left-bg.png) no-repeat;  
	border:0px solid red;
}
.bg{
	background:url(../../images/mid-bg.png) repeat-x;
}
.mid-bg{ 
	height:36px; 
	background:url(../../images/mid-bg.png) repeat-x;
}
.hText17black1{
	font-family:HelveticaNeue; 
	font-size:17px; 
	color:#303030; 
}

.external-form-header{
	padding: 7px 0px 10px 10px;
}
.external-form-submit-header{
	/*padding: 7px 10px;*/
	line-height:normal;
}

ul, ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#wrapper {	
	width: 220px;
	margin: 100px auto;
	font-size: 0.8125em;
}
.subModuleList {
	width: auto;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	border-radius: 6px;
}
.subModuleList > li > a {
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)),to(rgb(80, 88, 100)));
	background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864');*/
	border-bottom: 1px solid #33373d;
	-webkit-box-shadow: inset 0px 1px 0px 0px #878e98;
	-moz-box-shadow: inset 0px 1px 0px 0px #878e98;
	box-shadow: inset 0px 1px 0px 0px #878e98;
	width: 100%;
	height: 2em;
	line-height: 2.10em;
	display: block;
	position: relative;
	font-family: "SourceSansPro-Regular";
	font-weight: normal;
	color: #ffffff;
}
.subModuleList ul li a {
	background: #ffffff;
	border-bottom: 1px solid #efeff0;
	display: block;
	position: relative;
	font-family: "SourceSansPro-Regular";
	font-size: 14px;
	font-weight: normal;
	color: #454545;
	text-align : left;
	margin-left: 20px;
	margin-top: 5px;
	padding-top: 5px;
}

.subModuleList > li > ul li a:before{
	font-size: 8px;
	color: #bcbcbf;
	position: absolute;
	width: 1em;
	height: 1em;
	top: 0;
	left: -2.7em;
}

.subModuleList > li > ul li:hover a,
.subModuleList > li > ul li:hover a span,
.subModuleList > li > ul li:hover a:before {
	color: #32373D;
}


.subModuleList ul > li > a span {
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; /
	background: #ffffff;
	border: 1px solid #d0d0d3;
	line-height: 1em;
	height: 1em;
	padding: .4em .7em;
	margin: -.9em 0 0 0; 
	color: #878d95;
	text-indent: 0;
	-webkit-border-radius: .769em;
	-moz-border-radius: 769em;
	border-radius: 769em;
	text-shadow: 0px 0px 0px rgba(255,255,255,.01));
}

.formFlds {
    list-style-type: none;
    min-height: 40px;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 0;
    float: left;
}
.formFlds li {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}
.design-ph-dash {
   padding:5px;border: 1px dashed #C6D4E3;display: block;background:none repeat scroll 0 0 transparent;
}
.design-phhover-dash {
   padding:5px;border: 1px dashed #4F78C0;display: block;background:none repeat scroll 0 0 transparent;
}

.design-ph {
   padding:5px;border:1px solid #aaa;display: block;background:#fff; 
}

.form-table-design { margin:auto;}
.form-table-design  tr td{/* color:#000000*/}
.form-table-design tr td input[type='text'], .form-table-design tr td input[type='radio']  { 
   background-color: #FCFCFC;
   border: 1px solid #E4E5E7;
   border-radius: 4px 4px 4px 4px;
   font-family: SourceSansPro-Regular; 
   font-size: 14px;
   outline: medium none;
   height:auto;
   padding: 5px 4px;
}
.form-table-design tr td select{ 
   background-color: #FCFCFC;
   border: 1px solid #E4E5E7;
   border-radius: 4px 4px 4px 4px;
   font-family: SourceSansPro-Regular;
   font-size: 14px;
   outline: medium none;
   padding: 3px 3px 4px 4px;  
   width:177px;
   height:auto;
}

.form-table-design .field-label{
	font-family: Montserrat-Regular;
}

.form-table-design tr td input[type='radio']{top:2px; position:relative}
.form-table-design tr td textarea{    
   background-color: #FCFCFC;
   border: 1px solid #E4E5E7;
   border-radius: 4px 4px 4px 4px;
   font-family: SourceSansPro-Regular;
   font-size: 14px;
   outline: medium none;
   padding: 5px 4px;
}

.sectionHeader li{
	color: #003399;
    font-family: Montserrat-Regular;
    font-size: 14px;
    text-decoration: none;
}

.bold {
    float: left;
    margin: 1px;
}
.bold a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 22px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    width: 24px;
}
.bold a:hover {
    background: url("../../images/bold_hover.png") no-repeat scroll left center transparent;
    height: 22px;
    width: 24px;
}
.bold a.active {
    background: url("../../images/bold_hover.png") no-repeat scroll left center transparent;
    height: 22px;
    width: 24px;
}
.italic {
    float: left;
    margin: 1px;
}
.italic a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 22px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    width: 24px;
}
.italic a:hover {
    background: url("../../images/bold_hover.png") no-repeat scroll left center transparent;
    height: 22px;
    width: 24px;
}
.italic a.active {
    background: url("../../images/bold_hover.png") no-repeat scroll left center transparent;
    height: 22px;
    width: 24px;
}
.underline {
    float: left;
    margin: 1px;
}
.underline a {
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 22px;
    line-height: 24px;
    text-align: center;
    text-decoration: underline;
    width: 24px;
}
.underline a:hover {
    background: url("../../images/bold_hover.png") no-repeat scroll left center transparent;
    height: 22px;
    width: 24px;
}
.underline a.active {
    background: url("../../images/bold_hover.png") no-repeat scroll left center transparent;
    height: 22px;
    width: 24px;
}
.atchReferSpan{
	display: inline-block;
    font-family: SourceSansPro-Regular;
    font-size: 14px;
}
.closebutton {
    background-image: url("../../images/theme/Blue/close1.png");
    background-position: 0 1px;
    display: block;
    height: 14px;
    margin-left: 1px;
    width: 14px;
    cursor: pointer;
}

.ui-widget-header{ border:none;}
.tab-txt{z-index:999;}	
.tab-txt tbody tr td{ padding:7px;}
.p-txt{ width:200px; border-radius:5px; background:#eeeded; border:1px solid #e5e2e2; overflow:hidden; height:28px; padding-left:17px;}
.p-txt strong{ padding-top:12px;}
.ui-widget-content{ background:none; border:none;}
.ui-tabs-nav { 
    background: none repeat scroll 0 0 transparent;
    border-radius: 0 0 0 0;
    border-bottom: 1px solid #DADADA;
    padding-left: 0.2em;
} 
.ui-tabs-panel { 
}
.sectionList li:hover{
    cursor:move;
}
.ckeditorTextArea {
    padding: 0px;
}
.clearable::-ms-clear {
    display: none;
}
.header-cell{
}
.header-textArea{
    background-image: none;
    background-color: #FCFCFC;
    border: 1px solid #E4E5E7;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    height: 92px;
    padding: 3px;
    width: 250px;
    font-family: SourceSansPro-Regular;
    font-size: 14px;
}
.setting-options{
	display:none;
}
.section-cell{
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	min-height: 28px;
	padding: 0 5px;
}
.settingsList {
	width: auto;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	border-radius: 6px;
}
.settingsList > li > a {
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)),to(rgb(80, 88, 100)));
	background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
	/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864');*/
	border-bottom: 1px solid #33373d;
	-webkit-box-shadow: inset 0px 1px 0px 0px #878e98;
	-moz-box-shadow: inset 0px 1px 0px 0px #878e98;
	box-shadow: inset 0px 1px 0px 0px #878e98;
	width: 100%;
	height: 2em;
	line-height: 2.10em;
	display: block;
	position: relative;
	font-family: "SourceSansPro-Regular";
	font-weight: normal;
	color: #ffffff;
}
.settingsList ul li a {
	background: #ffffff;
	border-bottom: 1px solid #efeff0;
	display: block;
	position: relative;
	font-family: "SourceSansPro-Regular";
	font-size: 14px;
	font-weight: normal;
	color: #454545;
	text-align : left;
	margin-left: 20px;
	margin-top: 5px;
	padding-top: 5px;
}

.settingsList > li > ul li a:before{
	font-size: 8px;
	color: #bcbcbf;
	position: absolute;
	width: 1em;
	height: 1em;
	top: 0;
	left: -2.7em;
}

.settingsList > li > ul li:hover a,
.settingsList > li > ul li:hover a span,
.settingsList > li > ul li:hover a:before {
	color: #32373D;
}


.settingsList ul > li > a span {
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; /
	background: #ffffff;
	border: 1px solid #d0d0d3;
	line-height: 1em;
	height: 1em;
	padding: .4em .7em;
	margin: -.9em 0 0 0; 
	color: #878d95;
	text-indent: 0;
	-webkit-border-radius: .769em;
	-moz-border-radius: 769em;
	border-radius: 769em;
	text-shadow: 0px 0px 0px rgba(255,255,255,.01));
}
.design-ph-dash-header {
   border: 1px dashed #C6D4E3;display: block;background:none repeat scroll 0 0 transparent;
}
.design-phhover-dash-header {
   border: 1px dashed #4F78C0;display: block;background:none repeat scroll 0 0 transparent;
}

.design-ph-header {
   border:1px solid #aaa;display: block;background:#fff; 
}
.page-footer-div{
    margin-left: 9px;
    padding-right: 10px;
    width: 98%;
    cursor: default;
    display:inline-block;
    margin-bottom: 15px;
}
.page-header-div{
    margin-left: 9px;
    margin-top: 15px;
    padding-right: 10px;
    width: 98%;
    cursor: default;
    display:inline-block;
}
.colorCode{padding:4px; margin-right:10px; border:1px solid #eee;}
.jPicker td.Radio {
    margin: 0;
    padding: 0;
    width: 40px;
}
.ext-icons:before {
    display: inline-block;
    font-family: "fontello";
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0.2em;
    margin-right: 0.2em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    width: 1em;
    margin-bottom: 0.4em;
    cursor: pointer;
}
.data-table tr td img,.availableFlds a img{ border:none;}
.external-form-header,.external-form-submit-header,.formBGClass table{table-layout:fixed;width:100%;word-wrap: break-word;}
.externalForm label,.formBGClass label {
   
}
	.externalForm label{
	
}
.formBGClass .checkbox .field-htmlElement,.formBGClass .radio .field-htmlElement{
	margin-left:5px;
}
.externalForm .radio input[type=radio],.externalForm .checkbox input[type=checkbox],.formBGClass .radio input[type=radio],.formBGClass .checkbox input[type=checkbox] {
    display: none;
}
.externalForm .checkbox label:before,.externalForm .radio label:before,.formBGClass .checkbox label:before,.formBGClass .radio label:before {
    bottom: 1px;
    content: "";
    display: inline-block;
    height: 15px;
    left: 0;
    margin-right: 5px;
    position: absolute;
    width: 15px;
}
.externalForm .radio label:before, .formBGClass .radio label:before{
   border-radius: 9px;
}
.externalForm .radio label,.externalForm .checkbox label, ul.formFields li .radio label, ul.formFields li .checkbox label {
   border-radius: 9px;
   border:1px solid;
   font-size:17px;
   margin-right:5px;
    cursor: pointer;
    display: inline;
	padding-left: 16px;
    position: relative;
    width: 7px;
	vertical-align: sub;
}
.formBGClass .radio label {
   border-radius: 9px;
   border:1px solid;
   font-size: 14px;
   margin-right:5px;
    cursor: pointer;
    display: inline;
	padding-left: 16px;
    position: relative;
    width: 7px;
	vertical-align: sub;
}
.formBGClass .checkbox label {
   border-radius: 3px;
   border:1px solid;
   font-size: 14px;
   margin-right:5px;
    cursor: pointer;
    display: inline;
	padding-left: 15px;
    position: relative;
    width: 7px;
	vertical-align: middle;
}
.externalForm input[type=radio]:checked + label:before,.formBGClass input[type=radio]:checked + label:before {
    content: "\00B7";
    font-size: 20px;
    line-height: 15px;
    text-align: center;
}
.externalForm .checkbox label, ul.formFields.textTop li .checkbox label,ul.formFields.textLeft li .checkbox label{
    border-radius: 3px;
    border:1px solid;
    font-size:14px;
	vertical-align: initial;
}
.externalForm .checkbox label:before,.formBGClass .checkbox label:before {
    border-radius: 3px;
}
.externalForm input[type=checkbox]:checked + label:before ,.formBGClass input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 14px;
    text-align: center;
    line-height: 15px;
}
span.field-htmlElement {
	 margin-right: 10px;
	 line-height:normal;
}
.header-content ul,.footer-content ul{
	list-style: disc outside none;
	margin-left: 15px;
}
.externalForm .radio, .externalForm .checkbox{
	padding-bottom: 2px;
	display:block;
}
.CTextBox,.CmultiList{
    height: auto;
}
.radio-htmlElement{
	top:-3px;
}
.disclaimer-checkbox{
 	top:0px;
}
.field-label{
 	line-height:normal;
}
.formBGClass .radio,.formBGClass .checkbox,.externalForm .radio,.externalForm .checkbox{
 line-height: 200%;
}
.ms-choice > span.placeholder,.ms-drop ul > li label {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
.ms-drop ul > li label {
	/*padding-left:0px;*/
}
.externalform-button {
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    margin: 0 3px 0 0;
    outline: medium none;
    padding: 7px;
	/*font-family: "lucida_grande" !important;*/
	font-family: "SourceSansPro-Regular";
	display: inline;
	line-height: 100%;
}
.formBGClass .fldContentTD input[type=file]{
	width:95%;
}

ul.formFields *, ul.formFields  *:before, ul.formFields  *:after {
  box-sizing: border-box;
}
ul.formFields{
	 display: -moz-box;              
  display: -ms-flexbox;           
  display: -webkit-flex;          
  display: flex;                 

  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;

  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;

  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
ul.formFields li{
	line-height:1.5em;
	display:inline-block;
}
ul.formFields, ul.formFields li{
	margin:0;
	padding:0;
	font-size:0;
	margin-bottom:10px;
}
.formFields .ms-drop ul > li {
	margin:inherit;
	/*padding:inherit;*/
	padding: 5px 0px;
	font-size:inherit;
	margin-bottom:inherit;
}
ul.formFields.c3 li{
	line-height:1.5em;
	display:inline-block;
	vertical-align:top;
	
}
ul.formFields.c2 li{
	 	width:48%;
	}
ul.formFields.c1 li{
	 	width:100%;
	}
ul.formFields.textTop li > label{
	display:block;
	margin-bottom:5px;
	}

ul.formFields.textLeft li > label{
	width:50%;
	display:inline-block;
	text-align:right;
	padding-right:20px;
	padding-bottom:7px;
	}
ul.formFields.textLeft li > label + input, ul.formFields.textLeft li > label + textarea, ul.formFields.textLeft li > label + span, ul.formFields.textLeft li > label + select{
	width:50%;
	display:inline-block;
	}
ul.formFields.textLeft li > label + input.fTextBoxDate{
	width:33%;
	}
.leftTable, .rightTable{display:inline-block; vertical-align:top; width:48%}
ul.formFields li .CTextBox{
	width:100%;
	padding:5px 4px 5px 4px;
	}
ul.formFields li .fTextBoxDate{
	width:84%;
	margin-right:8px;
	}
.ShowMobileTab {
	display:none;
	cursor:pointer;
	padding:8px;
	width:93%;
	margin:0 auto;
	font-family: SourceSansPro-Regular;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	text-align:center;
	
	border: 1px solid #D1D1D1;
	border-bottom-width:2px;
	background: -moz-linear-gradient(top, #e4e5e5, #f8f8f8);
	background: -webkit-linear-gradient(top, #e4e5e5, #f8f8f8);
	background: linear-gradient(top, #e4e5e5, #f8f8f8);
	box-sizing: border-box;
	
	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/*-----------new-css 15-12-2015-----------------*/
.headerFc{ width:100%; height:auto; min-height:111px; margin:auto; position:relative; background: #0887ca; margin-bottom:10px; border-bottom:3px solid #e4e9ee;}
.logobar{ padding:0px 50px 0px 0px;  border-radius:0 0 250px 0;  float:left; background:#ffffff; border-right:3px solid #e4e9ee; border-bottom:3px solid #e4e9ee; position:absolute;}
 .logobar .logo{width:160px; height:90px; display: table-cell; vertical-align:middle; padding-left:10px;}
.rightbar{ float:right; width:65%; padding:10px; }
.hbtn{ text-align:right; margin:0; padding-top:5px; }
.hbtn a{ background:#e1eff9; padding:5px 10px; border-radius:4px; font-family: SourceSansPro-Regular; font-weight:bold; color:#094686; font-size:14px; text-decoration:none;}
.hbtn a img{ position:relative; top:5px;}
.htext{ font-family: Arial, Helvetica,  sans-serif; color:#fff; font-size:22px; margin:10px 0; padding:0;}

.bbhead{ font-size:22px; color:#373a3c; font-family: Montserrat-Bold; margin-bottom:0;}
.bbsubhead{ font-size: 14px; color:#333; font-family: SourceSansPro-Regular; padding-top:0;}

.button1{text-decoration: none; font-family: Sans; font-size: 14px; color:#fff; background-color: rgb(77, 133, 212); display: inline; font-family: SourceSansPro-Regular; padding:5px 10px; border-radius:4px; border:0; }
.bblink b, .bblink:hover b{ color:#0887ca ; font-size:14px; font-family: SourceSansPro-Regular; font-weight:normal; line-height:20px; cursor:pointer;}
.qa-table .qst{ background:#fff; padding-top:8px;}
.qa-table .qst1{ font-size: 14px;}
.qstBorder{ border-bottom:1px solid #efebeb; padding-top:5px;}
.clear{ clear:both;}	
	
@media screen 
  and (min-device-width: 801px)  { 
  ul.formFields li{
	width:32%;	
	}
	ul.formFields.c3 li:nth-child(3n){
	 	margin-right:0;
	}
}
@media screen 
  and (max-device-width: 800px)  { 
  ul.formFields.c3 li, ul.formFields.c2 li{
	width:48%;
	
	}
	.leftTable, .rightTable{width:100%}

}
@media screen 
  and (max-device-width: 640px)  { 
  .logobar{ position:relative; width:100%; height:auto; border-radius:0; padding:0;}
  .logobar .logo{ text-align:center; width:100%; height:auto; display:block;}
  .headerFc{ min-height:auto;}
  .rightbar{ width:100%; padding:0; text-align:center; }
 .rightbar .htext{ font-size:20px !important;}
 .hbtn{ text-align:center; padding:10px 0 5px;}
 .table_pos td{ display:block; text-align: center; width:100%; padding:1px 0;}
  .bbsubhead{ font-size:14px;}
  .bbhead{ font-size: 14px;}
  }
@media screen 
  and (max-device-width: 450px)  { 
  ul.formFields li, ul.formFields.c3 li, ul.formFields.c2 li{
	width:100%
	
	}
	
}

@media screen and (max-device-width: 400px)  { 
	.ShowMobileTab {display:block;}
	.ui-tabs-nav {display:none;}
	.ui-tabs-nav {position: absolute; top: 31px; max-height: 52vh; background-color: #fff !important; z-index: 99; width: 92%; margin: auto !important; left: 0; right: 0; overflow-y:scroll; padding:0 !important;}
	.ui-tabs-nav > li {float: none !important; border-radius: 0; margin:0 !important;}
	.ui-tabs-nav > li > a {float: none !important; display: block; font-size: 14px; padding: 5px !important;}
	.ui-state-active > a {font-family:SourceSansPro-Regular !important;}
}

ul.formFields.textLeft li > label + span.radio, 
ul.formFields.textLeft li > label + span.checkbox
{
 vertical-align:top
}

ul.formFields.textLeft li > label + span.radio > span, 
ul.formFields.textLeft li > label + span.checkbox > span
{
 margin-bottom:5px;
 display:inline-block;
}

ul.formFields.textLeft li > label + span.checkbox > span
{
 margin-bottom:10px;
}

table.form-table-design tbody tr td.bText12.pd5  > span.radio,
table.form-table-design tbody tr td.bText12.pd5  > span.checkbox
{
vertical-align:top
}

table.form-table-design tbody tr td.bText12.pd5  > span.radio > span,
table.form-table-design tbody tr td.bText12.pd5  > span.checkbox > span
{
 margin-bottom:5px;
 display:inline-block;
}

table.form-table-design tbody tr td.bText12.pd5  > span.checkbox > span
{
 margin-bottom:10px;
}
table.form-table-design tbody tr td.pd5  > span.radio,
table.form-table-design tbody tr td.pd5  > span.checkbox
{
vertical-align:top
}

table.form-table-design tbody tr td.pd5  > span.radio > span,
table.form-table-design tbody tr td.pd5  > span.checkbox > span
{
 margin-bottom:5px;
 display:inline-block;
}

table.form-table-design tbody tr td.pd5  > span.checkbox > span
{
 margin-bottom:10px;
}

.external-form-logo{
		display: inline-block; vertical-align: middle; cursor: pointer;
}