@charset "utf-8";

/*** All Global and default styles below ***/
/*
 * Sapient Core CSS document
 * Author: SapientNitro (2014) (http://www.sapient.com)
 */

 /* START 	- Custom Fonts */
	@font-face { /*IE-8 Fix*/
		font-family: 'trade_gothic_normal';
		src: url('../fonts/tradegothicltstd-cn18-webfont-webfont.eot');
	}

	@font-face {
	    font-family: 'trade_gothic_normal';
	    src: url('../fonts/tradegothicltstd-cn18-webfont-webfont.eot');
	    src: url('../fonts/tradegothicltstd-cn18-webfont-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/tradegothicltstd-cn18-webfont-webfont.woff2') format('woff2'),
	         url('../fonts/tradegothicltstd-cn18-webfont-webfont.woff') format('woff'),
	         url('../fonts/tradegothicltstd-cn18-webfont-webfont.ttf') format('truetype'),
	         url('../fonts/tradegothicltstd-cn18-webfont-webfont.svg#trade_gothic_normal') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	@font-face { /*IE-8 Fix*/
		font-family: 'trade_gothic_bold';
	    src: url('../fonts/tradegothicnextltpro-bdcm-webfont-webfont.eot');
	}

	@font-face {
	    font-family: 'trade_gothic_bold';
	    src: url('../fonts/tradegothicnextltpro-bdcm-webfont-webfont.eot');
	    src: url('../fonts/tradegothicnextltpro-bdcm-webfont-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/tradegothicnextltpro-bdcm-webfont-webfont.woff') format('woff'),
	         url('../fonts/tradegothicnextltpro-bdcm-webfont-webfont.ttf') format('truetype'),
	         url('../fonts/tradegothicnextltpro-bdcm-webfont-webfont.svg#trade_gothic_bold') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
/* END 	- Custom Fonts */
 
/* START 	- Document Global Classes */
	* { margin:0; padding:0; background-repeat:no-repeat; }
	body{ background: #242424; font:normal 12px Arial, Helvetica, sans-serif; color: #FFF;}
	.fl { float:left;}
	.fr { float:right}
	a, a:hover { color: #FF9300; outline: none;}
	.clearfix:before, .clearfix:after, .row:before, .row:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
	.row:after, .clearfix:after {clear: both; }
	.row, .clearfix {zoom: 1; }
	.overFlowFalse { overflow:hidden;}
	.overFlowTrue { overflow:visible;}
	.textOverFlow { text-indent:-99999px;}
	.hideElement { display:none;}
	.showElement { display:block;}
	.bold { font-weight:bold;}
	.italic { font-style:italic;}
	.alignR { text-align:right;}
	.alignC { text-align:center;}
	.scale { width:100%;}
	.icon{ background-image:url('../images/bg/iconSprites.png'); background-repeat:no-repeat;}
	h1,h2,h3,h4 { font-weight: normal;}
	table { text-align: left;}
	::-webkit-input-placeholder {color: #c0c0c0; font-size: 13px;}
	:-moz-placeholder { /* Firefox 18- */ color: #898989; font-size: 13px; }
	::-moz-placeholder { /* Firefox 19+ */color: #898989; font-size: 13px;}
	:-ms-input-placeholder { color: #c0c0c0; font-size: 13px; }
	textarea {resize: vertical;}			/* Allow only vertical resizing of textareas. */
	p,h1,h2,h3 {orphans: 3;widows: 3;}		/* Define the minimal number of words (orphans & widows) that every line should contain. */
	ul,li,ol { list-style: none; margin: 0;}
	a:active, a:focus { outline: none;}
	input { outline: none;}
    .error{color:#ff2a00;} 
    .text-center{text-align:center;}
/* END 		- Document Global Classes */

/* START  - Global components Styles */
	#pageWrapper { width: 990px; margin: 0 auto; position: relative;}

	.moduleBody { width: auto;}
	.moduleBody .moduleWrapper { margin: 0 auto; width: 993px;overflow:hidden;}

	#contentSection { min-height: 600px; padding-bottom: 120px; position: relative; z-index: 9;}

	.trade_gothic_normal { font-family: 'trade_gothic_normal'; letter-spacing: 1px;}
	.trade_gothic_bold { font-family: 'trade_gothic_bold'; letter-spacing: 1px;}

	.sbHolder { background: #FFF; height: 25px; font-family: 'trade_gothic_normal'; letter-spacing: 0; border: 1px solid #aba9a9; width: auto;}
	.sbHolder .sbSelector { line-height: 23px; height: 25px; color: #000; font-size: 12px; width: 100%;}
	.sbHolder .sbToggle { width: 27px; height: 25px; background: url('../images/bg/iconSprites.png') right -103px no-repeat;}
	.sbHolder .sbToggle.sbToggleOpen { background-position: right -436px;}
	.sbHolder .sbOptions { width: 100%; font-size: 14px;}
	.sbHolder .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .sbHolder .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 7px;}
	.sbHolder .mCSB_scrollTools { width: 16px;}
	.sbHolder .mCSB_inside > .mCSB_container { margin-right: 15px;}
	.sbOptions a:hover,
	.sbOptions a:focus,
	.sbOptions a.sbFocus{color: #f06d1a;}
    
	
	.form-control[readonly] { background: #fff;}
    .input-validation-error{border: 1px solid #ff2a00;}
     span.error{display:block;}
	.btn-warning { background: url('../images/bg/iconSprites.png') 0 -766px no-repeat; padding: 0 15px; font-size: 15px; height: 26px;} 
	.btn-warning:hover, .btn-warning:focus { background-position: 0 -792px;}

	.btnGroup { padding: 35px 0 29px}
	.btnGroup li { margin-left: 12px;}
	.btnGroup li:first-child { margin-left: 0;}
	.btnGroup li .btn { padding: 6px 32px}
	.btnGroup li.active a { color: #000;}
	.btnGroup li .btn.disable { cursor: default;} 
	.btnGroup li .btn.disable:hover { background: #f06d1a}
	.disabled .btn-default { background: #7b7b7b; cursor: default; color: #ccc;} 

	/*Grid Styles*/
	.gridWrapper { background: #dfdfdf; padding: 10px; min-height: 500px;}
	.gridWrapper .gridHead { margin-bottom: 15px;}
	.gridWrapper .gridHead h3 { margin: 0; color: #000;} 
	.gridWrapper .paging li { float: left; height: 46px; line-height: 46px;}
	.gridWrapper .paging li a { line-height: 46px;}
	.gridWrapper .paging li.icon a { display: inline-block; text-indent: -99999px; width: 10px; height: 46px;}
	.gridWrapper .paging li.icon.disable { opacity: 0.3;}
	.gridWrapper .paging li.icon.disable a { cursor: default;}
	.gridWrapper .paging li.arrowLeft { background-position: 0 -647px;}
	.gridWrapper .paging li.arrowRight { background-position: right -703px;}
	.gridWrapper .paging li.currentPage, .gridWrapper .paging li.noLink { font-size: 24px; color: #484848; padding: 0 10px;}
	.gridWrapper .paging li.noLink { padding-right: 40px;}
	
	.gridWrapper .gridTable { width: 973px;}
	.gridTable .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 20px;}
	.gridTable .mCSB_scrollTools.mCSB_scrollTools_horizontal { background: #7E7E7E; height: 12px;}
	.gridTable .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { background: #333333;} 
	.gridTable .mCSB_dragger_bar { display: none;}

	.gridWrapper .table { background: #FFF; color: #000; margin-bottom: 0; border-top: 0;max-width: 100%;}
	.gridWrapper .table thead th { height: 56px; color: #f06d1a; font-size: 16px; text-align: left; text-transform: uppercase; background: #242424; vertical-align: middle; border-bottom: 0; border-top: 0; border-right: 0; line-height: normal;}
	.gridWrapper .table tbody tr td {  border-right: 0; border-top: 0; border-bottom-color: #dfdfdf; height: 37px; font-size: 14px; text-align: center; vertical-align: middle; line-height: normal;}
	.gridWrapper .table thead th:first-child,
	.gridWrapper .table tbody tr td:first-child { border-left: 0;}
	.gridWrapper .table thead th.noBorder,
	.gridWrapper .table tbody tr td.noBorder { border-left: 0;}
	.gridWrapper .table tbody tr td a.icon { display: inline-block; width: 48px; height: 37px; text-indent: -99999px;}
	.gridWrapper .table tbody tr td a.icon.inActive{cursor:default;}
    .gridWrapper .table tbody tr td .edit { background-position: 0 -169px;}
	.gridWrapper .table tbody tr td .edit:hover { background-position: -48px -169px;}
	.gridWrapper .table tbody tr td .edit.inActive { background-position: right -169px;}
	.gridWrapper .table tbody tr td .delete { background-position: 0 -206px;}
	.gridWrapper .table tbody tr td .delete:hover { background-position: -48px -206px;}
	.gridWrapper .table tbody tr td .delete.inActive { background-position: right -206px;} 
	.gridWrapper .table tbody tr td .url { background-position: 0 -243px;}
	.gridWrapper .table tbody tr td .url:hover,
	.gridWrapper .table tbody tr td .url.zeroclipboard-is-hover { background-position: -48px -243px;}
	.gridWrapper .table tbody tr td .url.inActive { background-position: right -243px;}
	.gridWrapper .table tbody tr td .preview { background-position: 0 -280px;}
	.gridWrapper .table tbody tr td .preview:hover { background-position: -48px -280px;}
	.gridWrapper .table tbody tr td .preview.inActive { background-position: right -280px; } 
	.gridWrapper .table tbody tr td .copy { background-position: 0 -317px;}
	.gridWrapper .table tbody tr td .copy:hover { background-position: -48px -317px;}
	.gridWrapper .table tbody tr td .copy.inActive { background-position: right -317px;}
	.gridWrapper .table tbody tr td .archive { background-position: 0 -354px;}
	.gridWrapper .table tbody tr td .archive:hover { background-position: -48px -354px;}
	.gridWrapper .table tbody tr td .archive.inActive { background-position: right -354px;} 
	.gridWrapper .table thead th .head { display: inline-block;}
	.gridWrapper .table thead th.sorting_asc .head,
	.gridWrapper .table thead th.sorting_desc .head,
	.gridWrapper .table thead th.sorting .head { background: url('../images/bg/iconSprites.png') right 44.9% no-repeat #242424; padding-right: 14px; cursor: pointer;}
	.gridWrapper .table thead th.sorting_desc .head { background-position: right 50.5%;}
	.gridWrapper .table tbody tr td.live { background: #37a037; color: #FFF; /*border-bottom-color: transparent;*/     text-transform: capitalize;} 
	.gridWrapper .table tbody tr td.draft { background: #4d4d4d; color: #FFF;     text-transform: capitalize;}
	.gridWrapper .table tbody tr td.template { background: #2b2b2b; color: #FFF;     text-transform: capitalize;} 
	.gridWrapper .table tbody tr td.expired { background: #ff9f9f;     text-transform: capitalize;}
	.gridWrapper .table tbody tr td.archived { background: #c8f7fe;    text-transform: capitalize;}
	.gridWrapper .table tbody tr:last-child td.archived,
	.gridWrapper .table tbody tr:last-child td.expired,
	.gridWrapper .table tbody tr:last-child td.template,
	.gridWrapper .table tbody tr:last-child td.draft,
	.gridWrapper .table tbody tr:last-child td.live { border-bottom-color: #dfdfdf}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #7e7e7e}
	.mCSB_inside > .mCSB_container { margin-right: 26px;}
	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 11px;}
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 11px;}

	.iradio { background: url('../images/bg/iconSprites.png') 0 -892px no-repeat; width: 19px; height: 18px;} 
	.iradio.checked { background-position: -29px -892px;}
	.ui-effects-transfer {border: 2px dotted #F06D1A;}
/* START  - START components Styles */

/* START  - Header Styles */
	#pageHeader { background: url('../images/bg/headerBG.jpg') 0 0 repeat-x;}
	#pageHeader .moduleWrapper { height: 92px;}
	#pageHeader .quickLinks { margin-top: 41px;}
	#pageHeader .quickLinks li { height: 30px; background: url('../images/bg/iconSprites.png') 0 0 repeat-x; border: 2px #2b2a2a solid; padding: 0 20px 0 20px; border-bottom-width: 2px; line-height: 28px; font-size: 14px; color: #FFF; text-transform: uppercase;}
	#pageHeader .quickLinks li a { display: inline-block; height: 28px; line-height: 28px; font-size: 14px; color: #FFF; padding: 0;}
	#pageHeader .quickLinks li:hover { background-position: 0 -66px;}
	#pageHeader .quickLinks li a:hover { text-decoration: underline;}
/* END  - Header Styles */

/* START  - User Login Styles */
	#userLogin { padding: 111px 0 0 0;}
	#userLogin .moduleWrapper { background: #dfdfdf; min-height: 250px;}
	#userLogin .form { width: 550px; margin: 0 auto; color: #000; padding: 35px 0 15px 0;}
	#userLogin .form .form-group { position: relative;}
	#userLogin .form .form-control { font-size: 14px; line-height: 26px; height: 29px;}
	#userLogin .form label { font-weight: normal; font-size: 16px; text-transform: uppercase;}
    #userLogin .form .req{font-size:16px;font-family: 'trade_gothic_bold';}
	#userLogin .form .form-group div.error ,#userLogin .form .form-group span.error{ font-size: 14px; color: #ff2a00; padding: 10px 0 0 0; text-transform: uppercase;}
	#userLogin .form .form-group input.error,.form .gotError input{ border: 1px solid #ff2a00;}
    .form .gotError label,.form .gotError .req{ color: #ff2a00;}
	#userLogin .form .links { margin-bottom: 15px;}
	#userLogin .form .links a { color: #666666; font-size: 12px;}
/* END  - User Login Styles */

/* START  - Create User Styles */
	#createUser .moduleWrapper { background: url('../images/bg/wrapperBG1.jpg') 0 0 repeat-y; padding: 50px 0}
	#createUser .form { width: 471px; background: #dfdfdf; margin: 0 auto; color: #000;}
	#createUser .form li.title { margin: 0 0 15px;}
	#createUser .form li.title .asideCopy { text-transform: uppercase; color: #666666; font-size: 12px; display: inline-block; padding: 6px 0 0}
	#createUser .form h3 { margin: 0;}
	#createUser #createUserForm { padding: 21px 21px 5px;}
	#createUser .form label { font-weight: normal; font-size: 16px; text-transform: uppercase;}
    #createUser .form .req{font-size:16px;font-family: 'trade_gothic_bold';}
	#createUser .form .form-group { position: relative;}
	#createUser .form .form-control { color: #000;}
	#createUser .form .form-group .nativeOptions { display: block !important; visibility: hidden; position: absolute; left: 0; top: 24px; z-index: 1;}
	#createUser .form .btn-default { width: 124px; padding: 6px 0;}
	#createUser .form .form-group div.error, #createUser .form .form-group span.error { font-size: 14px; color: #ff2a00; padding: 10px 0 0 0; text-transform: uppercase;}
	#createUser .form .form-group input.error,
	#createUser .form .gotError .sbHolder { border: 1px solid #ff2a00;}
	#createUser .form .gotError label { color: #ff2a00;}
    #createUser .form div.error{display:none !important;}
	/* END  - Create User Styles */

    /* START  - Edit User Styles */
    #createUser #editUserForm { padding: 21px 21px 5px;}
    /* END  - Edit User Styles */

/* START  - Footer Styles */
	#pageFooter { background: url('../images/bg/fotterBG.jpg') 0 0 repeat-x; height: 40px; margin-top: 0; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 10;}
/* END  - Footer Styles */

/* START - Colorbox Core Style */
	#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
	#cboxWrapper {max-width:none;}
	#cboxOverlay{position:fixed; width:100%; height:100%;}
	#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
	#cboxContent{position:relative;}
	#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
	#cboxTitle{margin:0;}
	#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
	#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
	.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
	.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
	#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

	/* 
	    User Style:
	    Change the following styles to modify the appearance of Colorbox.  They are
	    ordered & tabbed in a way that represents the nesting of the generated HTML.
	*/
	#cboxOverlay{background:#fff;}
	#colorbox{outline:0;}
	#cboxContent{margin-top:32px; overflow:visible; background:#000;}
	.cboxIframe{background:#fff;}
	#cboxError{padding:50px; border:1px solid #ccc;}
	#cboxLoadedContent{background:#000; padding:1px;}
	#cboxLoadingGraphic{background:url('../images/bg/loading.gif') no-repeat center center;}
	#cboxLoadingOverlay{background:#000;}
	#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
	#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

	/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
	#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url('../images/bg/controls.png') no-repeat 0 0;}

	/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
	#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
	#cboxPrevious{background-position:0px 0px; right:44px;}
	#cboxPrevious:hover{background-position:0px -25px;}
	#cboxNext{background-position:-25px 0px; right:22px;}
	#cboxNext:hover{background-position:-25px -25px;}
	#cboxClose{background-position:-50px 0px; right:3px; top: 3px;}
	#cboxClose:hover{background-position:-50px -25px;}
	.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
	.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
	.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
	.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
	.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

	#cboxOverlay.alertBox { background: url('../images/bg/spacer.gif') 0 0 repeat;}
/* END - Colorbox Core Style */

/* START - Confirmation Style */
	#confirmationBox .moduleWrapper { width: auto; padding: 170px 20px; background: url('../images/bg/confirmationBoxBG.jpg') 0 0 repeat-y;}
	#confirmationBox.userBox .moduleWrapper { border: 2px #2e2e2e solid; background: #000;}
	#confirmationBox p { font-size: 16px; text-transform: uppercase;}
	#confirmationBox .publishCopy, .publishBox #confirmationBox .saveCopy { display: none;}
	.publishBox #confirmationBox .publishCopy { display: block;}
	#confirmationBox .btnGroupModal { width: 226px; margin: 0 auto; padding: 10px 0 0; text-align: center;}
	#confirmationBox .btnGroupModal .btn { display: inline-block; line-height: 26px;}
	#confirmationBox .messegeList { margin: 20px 0 0 40px;}
	#confirmationBox .messegeList li { font-size: 16px; list-style: outside none disc;}
/* END - Confirmation Style */

/* START - Form Builder Style */
	#formBuilder .head h2 { font-size: 33px; margin: 0;}
	#formBuilder .head .colLeft { padding: 50px 0 0 0;}
	#formBuilder .head .colRight { padding: 50px 0 0 30px;}
	#formBuilder .head .localeOption { padding: 7px 0 0 20px; width: 200px;}
	#formBuilder .head .localeOption.gotError .sbHolder { border: 1px solid #ff2a00;}
	#formBuilder .head .localeOption .sbSelector { font-size: 14px; text-transform: uppercase;}
	#formBuilder .head .localeOption .sbOptions a { text-transform: uppercase;}
	#formBuilder .head .localeOption div.error { color: #ff2a00; font-size: 14px; padding-top: 6px; text-transform: uppercase;}
	#formBuilder .head .localeOption .customSelect { border:0; height: 23px; font-size: 16px; color: #242424;}
	#formBuilder .head .pageType { padding: 7px 0 0 20px; width: 200px;}
	#formBuilder .head .btnGroup { padding-bottom: 0;}
	#formBuilder .builderWrap { padding: 0 0 0 0; margin: 28px 0 40px}
	#formBuilder .builderWrap .colLeft { width: 486px; background: #dfdfdf}
	#formBuilder .builderWrap .colLeft h3 { margin: 20px 10px 10px; color: #000;}
	#formBuilder .builderWrap .colLeft h3 span { color: #f06d1a;}
	#formBuilder .builderWrap .colLeft .innerWrap { height: 894px; background: #FFF; margin: 0 10px 10px; padding: 10px 0 10px 10px; overflow: hidden;}
	#formBuilder .builderWrap .colLeft .innerWrap.mCS_no_scrollbar { padding-right: 10px;}
	#formBuilder .builderWrap .colRight { width: 486px;}
	#formBuilder .formfieldsList { padding-bottom: 68px;}
	#formBuilder .formfieldsList li { color: #000;}
	#formBuilder .formfieldsList .form-group { border: 1px dashed #aba9a9; padding: 4px; position: relative;}
	#formBuilder .formfieldsList .form-group label { font-size: 16px;}
	#formBuilder .formfieldsList .form-group .fieldsOpt { position: absolute; right: 4px; top: 4px;}
	#formBuilder .formfieldsList .form-group .fieldsOpt li { float: left; line-height: 25px; font-size: 14px; color: #7e7e7e} 
	#formBuilder .formfieldsList .form-group .fieldsOpt li a { display: inline-block; text-indent: -99999px; width: 19px; height: 19px; margin-left: 9px; } 
	#formBuilder .formfieldsList .form-group .fieldsOpt li a.required { margin-right: 26px; margin-left: 0;}
	#formBuilder .formfieldsList .form-group .fieldsOpt li a.required { background-position: 0 -828px;}
	#formBuilder .formfieldsList .form-group .fieldsOpt li a.move { background-position: -58px -828px;}
	#formBuilder .formfieldsList .form-group .fieldsOpt li a.remove { background-position: 0 -857px;}
	#formBuilder .formfieldsList .form-group label:first-child,
	#selectedFields .form-group label:first-child { display: block; padding-right: 55px;}
	#formBuilder .formfieldsList .form-group label:first-child { padding-right: 223px;}
	#formBuilder .formfieldsList .form-group .radio,
	#selectedFields .form-group .radio { display: inline-block; width: 60%;}
	#selectedFields .form-group .radio .iradio { background: none;}
	#selectedFields .form-group .radio .iradio .iradio, 
	#selectedFields .form-group.editMode .radio .iradio { background: url("../images/bg/iconSprites.png") no-repeat scroll 0 -892px} 
	#selectedFields .form-group .radio .iradio .iradio.checked,
	#selectedFields .form-group.editMode .radio .iradio.checked { background-position: -29px -892px;}

	#formBuilder .mCSB_dragger_bar,
	#createUser .mCSB_dragger_bar { border: 1px #999 solid; width: 9px;}
	
	#formBuilder .formfieldsList .form-group .radio .iradio,
	#selectedFields .form-group .radio .iradio,
	#selectedFields .form-group.editMode .radio .iradio { margin: 0 25px 0 30px; float: right; cursor: pointer;}
	#formBuilder .formfieldsList .form-group .radio label { color: #f06d1a; padding-right: 0; font-weight: bold;}
	#selectedFields .form-group .radio .iradio { margin: 0 25px 0 50px;}
	#selectedFields .form-group label:first-child { padding-right: 0;}
	
	#formBuilder .formfieldsList .form-group.active { background: #2b2b2b; color: #fff;}
	#formBuilder .formfieldsList .form-group.active .fieldsOpt li { color: #FFF;}
	#formBuilder .formfieldsList .form-group .fieldsOpt li a.move:hover,
	#formBuilder .formfieldsList .form-group .fieldsOpt li a.move.active { background-position: -88px -828px;}
	#formBuilder .formfieldsList .form-group .fieldsOpt li a.required:hover,
	#formBuilder .formfieldsList .form-group .fieldsOpt li a.required.active { background-position: -29px -828px}
	#formBuilder .formfieldsList .form-group .fieldsOpt li a.remove:hover,
	#formBuilder .formfieldsList .form-group .fieldsOpt li a.remove.active { background-position: -29px -857px;}

	#formBuilder .formfieldsList .form-group .fieldsOpt .gendertype { width: 130px; color: #FFF;}
	#formBuilder .formfieldsList .form-group .fieldsOpt .gendertype .sbToggle { width: 27px; height: 25px;}
	#formBuilder .formfieldsList .form-group .fieldsOpt .gendertype .sbHolder ul li a{ width: 100px; height: 32px; color: #fff; text-indent: unset;}
	#formBuilder .formfieldsList .form-group .fieldsOpt .gendertype .sbSelector { width: 120px; height: 25px; text-indent: unset;}
	
	#selectedFields { height: 375px; overflow: hidden; border:2px solid #f06d1a; padding: 18px 3px 18px 18px; position: relative;}
	#selectedFields.mCS_no_scrollbar { padding-right: 18px}
	.mainFields { padding-bottom: 40px;}
	.mainFields .form-group { position: relative;}
	.mainFields .form-group.selectMenu { padding-right: 60px;}
	.mainFields .form-group label { font-size: 16px;}
	.mainFields .form-group .fieldsOpt { position: absolute; right: 0; bottom: 0;}
	.mainFields .form-group .fieldsOpt li { float: left; width: 30px;}
	.mainFields .form-group .fieldsOpt li a { height: 25px; display: block; background-position: -58px -857px; text-indent: -9999px; background-color: #d0d0d0; margin-left: 1px;}
	.mainFields .form-group .fieldsOpt li a.up { background-position: -88px -857px}
	.mainFields .form-group .fieldsOpt li a:hover { background-color: #f06d1a;}
	#selectedFields .mainFields .form-group label:first-child { cursor: move;}

	#formContent { background: #4d4d4d; padding: 11px 20px; margin-bottom: 2px; position: relative;}
	#formContent h3 { margin: 0;}
	#formContent .fieldList label { font-size: 16px; font-weight: normal;}
	#formContent .fieldList .gotError label:first-child { color: #ff2a00;}
	#formContent .fieldList .checkbox { margin-bottom: 0;}
	#formContent .fieldList .form-group { margin: 15px 0 0; position: relative;}
	#formContent .colLft { width: 235px; margin-right: 20px}
	#formContent .colLft .fieldList { width: 96%; margin-top: 15px;}
	#formContent .colLft .caption { display: block;}
	#formContent .colLft .form-group.group div.error { clear: both;}
	#formContent .colLft .form-group.group div.error.withGroup { display: block !important;}
	#formContent #campaign_code,
	#formContent #campaign_code2 { width: 18%; margin-right: 1px; text-transform: uppercase;}
	#formContent #campaign_code3 { width: 20%; margin-right: 1px; text-transform: uppercase;}
	#formContent #campaign_code4 { width: 17%; text-transform: uppercase;} 
	.icheckbox { width: 20px; height: 19px; background: url('../images/bg/iconSprites.png') -58px -920px no-repeat; float: right; margin-left: 10px;}
	.icheckbox.checked { background-position: -88px -920px}
	#formContent .colRit { width: 188px; position: relative;}
	#formContent .colRit .fieldList .form-group:first-child { margin-top: 5px;}
	#formContent .colRit .fieldList .datePicker { background-image: url('../images/bg/iconSprites.png'); background-position: right -398px;}
	#formContent .colRit .fieldList .datePicker.open { background-position: right -435px;} 
	#formContent .colRit .fieldList .form-group .ui-datepicker-trigger { width: 29px; height: 28px; position: absolute; right: 0; top: 24px; background: url('../images/bg/spacer.gif') 0 0 repeat; border:none; text-indent: -99999px; font-size: 0; display: block;}
	#formContent .colBtm { clear: both;}
	#formContent .colBtm #fDis { height: 60px;}
	#formContent div.error { color: #ff2a00; font-size: 14px; padding: 6px 0 0; text-transform: uppercase;}
	#formContent .form-control.error { border:1px solid #ff2a00;}
	#formContent .colRit .dummyData { position: absolute; left:0; top: -105px;  z-index: -1; visibility: hidden;}
    #formContent #addImageBg{outline:none;}
    #formContent .sub-notice{font-size:13px;}
    #formContent #addImageBg::-ms-value{border:none;border-right:5px solid #4d4d4d;outline:none;float:right;}
    #formContent #addImageBg::-ms-browse{border:none;}
    #formContent .image-container{height:100px;position:relative;display:table;padding:10px 0;}
    #formContent .image-container .table-cell{overflow:hidden;margin-top:10px;display:table-cell;position:relative;max-width:100%;max-width:350px;}
    #formContent .image-container .table-cell img{height:100px;max-width: 100%;}
    #formContent .image-container .loader {vertical-align: middle;width: 55px;height: 35px;background: url('../images/bg/loader4.gif') 0 0 no-repeat;display: inline-block;margin-left:10px;}
    /*#formContent .reset-image{position:absolute;width:19px;height:19px;top:0;right:0;background-position: 0 -857px;background-color:#000000;cursor:pointer;}
    #formContent .reset-image:hover{background-position: -29px -857px;background-color:#f06d1a;}*/
    #formContent .reset-image{color: #000000;padding: 1px 6px;font: 12px Arial;margin-left:10px;display:table-cell;vertical-align:middle;}
    #mainForm .editorArea { /*display: block !important; position: absolute; left: 0; top: 0; z-index: -1; visibility: visible !important;*/}

	.collapsibleWrap  { background: #f06d1a; margin-top: 2px;}
	.collapsibleWrap .pageAccordion div.error { color: #000; font-weight: bold; padding-top: 10px;}
	.collapsibleWrap .pageAccordion > li { border-bottom: 2px solid #242424;}
	.collapsibleWrap .accordionHead { border:0; border-radius:0; text-transform: uppercase; cursor: pointer; font-size: 16px; color: #FFF; padding: 10px 10px 10px 20px; outline: none; background: none; position: relative;}
	.collapsibleWrap .accordionHead .ui-accordion-header-icon { display: block; width: 28px; height: 26px; position: absolute; right: 8px; top:8px; background: url('../images/bg/iconSprites.png') -113px -946px no-repeat;}
	.collapsibleWrap .accordionHead .ui-accordion-header-icon.ui-icon-triangle-1-s { background-position: -113px -987px}
	.collapsibleWrap .accordionHead p { font-size: 12px; text-transform: none; font-weight: normal; margin: 10px 0 0;}
	.collapsibleWrap .accordionContent { background: none; border:0; padding: 0 20px 10px 20px;}
	.collapsibleWrap .accordionContent.autoHeight { height: auto !important;}
	.collapsibleWrap .accordionContent .wrap { margin-top: 15px;}
	.collapsibleWrap .accordionContent .wrap:first-child { margin-top: 0;}
	.collapsibleWrap .accordionContent .wrap h4 { font-size: 16px; color: #333; margin: 0 0 10px; font-weight: bold;}
	.collapsibleWrap .accordionContent .wrap:first-child h4 { margin-top: 0;}
	.collapsibleWrap .accordionContent textarea { width: 84%; padding: 3%; height: 70px; border:0; background: #FFF;}
	.colRight .btnGroup { padding: 20px 0 0; text-align: center;}
	.colRight .btnGroup li:first-child { float: left;}
	.colRight .btnGroup li { float: right;}
	.colRight .btnGroup .inlineEle { display: inline-block; float: none;}
	

	#legoBlock .mainFields { padding: 0;}
	#legoBlock .wrap { padding-right: 20px;}
	#legoBlock .mainFields .form-group .fieldsOpt .position { display: none;}
	#legoBlock .mainFields .form-group .fieldsOpt .form-group { position: absolute; right:0; top: -51px; width: 168px; margin: 0;}
	#legoBlock .mainFields .form-group .fieldsOpt .form-group .icheckbox { float: left; margin: 0 10px 0 0;}
	#legoBlock .mainFields .form-group .fieldsOpt .form-group .checkbox { margin: 0;}

	#submitBtn { position: relative; outline: none;}
	#submitBtn .loader,
	#submitBtn .loader2 { width: 20px; height: 20px; background: url('../images/bg/loader2.gif') 0 0 no-repeat; position: absolute; right: -29px; top: 13px;}
	#submitBtn .loader2 { background: url('../images/bg/loader3.gif') 0 0 no-repeat; left: -27px; right: auto;} 
    #publish{position:relative;}
    #publish .loader{width: 20px; height: 20px; background: url('../images/bg/loader2.gif') 0 0 no-repeat; position: absolute; left: -29px; top: 13px;}
/* END - Confirmation Style*/

/* START - Userlisting Styles */
	#userListing .gridWrapper, #myformListing .gridWrapper { position: relative;}
	#userListing .dataTables_length, #myformListing .dataTables_length { display: none;}
	.pagingWrap { font-family: 'trade_gothic_bold'; position: absolute; right:325px; top: 9px;}
	.pagingWrap .dataTables_paginate { float: left;}
	.pagingWrap .noLink { float: left; font-size: 24px; color: #484848; text-transform: uppercase; line-height: 46px; padding-left: 10px}
	.pagingWrap .paginate_button { background: url('../images/bg/iconSprites.png') 0 0 no-repeat; text-indent: -99999px; width: 10px; height: 46px; line-height: 46px; float: left; cursor: pointer;}
	.pagingWrap .paginate_button.previous { background-position: 0 -647px;}
	.pagingWrap .paginate_button.next { background-position: right -703px;}
	.pagingWrap .paginate_button.disabled { opacity: 0.3; cursor: default;}
	.pagingWrap span { float: left; display: block; padding: 0 10px;}
	.pagingWrap span a.paginate_button { display: none; background: none; text-indent: 0; float: none;}
	.pagingWrap span a.paginate_button.current { display:block; font-size: 24px; padding: 0; color: #484848; width: auto;}
	.pagingWrap span .ellipsis { display: none;}
	.pagingWrap span a.paginate_button.current:hover { text-decoration: none;} 

	.dataTables_filter { margin: -34px 0 18px}
	.dataTables_filter label { padding-right: 31px; margin: 0; background: url('../images/bg/iconSprites.png') right -1023px no-repeat; font-size: 0; color: #DFDFDF;}
	.dataTables_filter label:hover { background-position: right -1060px;}
	.dataTables_filter input{ border: 1px solid #d5d5d5; border-right: 0; box-shadow: none; height: 27px; width: 200px; background: #ffffff; color: #555555; display: block;
    font-size: 12px; font-weight: normal; line-height: 1.42857; padding: 6px 12px; }  
	
/* END - - Userlisting Styles*/

/*Specific patches*/
#AdminType + .sbHolder .sbOptions {
    height: 110px;
}
#hdFormContainer #addr_city + .sbHolder .sbOptions {
    height: 110px;
}

#formBuilder .colRight .mailing-wrapper,
#formBuilder .colRight .mobile-wrapper {
    display: flex;
	align-items: center;
    justify-content: space-between;
	text-transform: uppercase;
}
#formBuilder .colRight .mailing-wrapper .form-group,
#formBuilder .colRight .mobile-wrapper .form-group {
	margin-bottom: 0;
}

#formBuilder .colRight .mailing-wrapper .form-group label,
#formBuilder .colRight .mobile-wrapper .form-group label {
	display: flex;
	gap: 10px;
}

#formBuilder .colRight .mailing-wrapper + .wrap,
#formBuilder .colRight .mobile-wrapper + .wrap {
	display: none;
}