/* 508 COMPLIANCE */
#skiptonav {display: none;}

h1,h2,h3,h4,h5,h6,p,div,img,blockquote,form {margin: 0; padding: 0; border: 0;}

#signinlayer {margin-bottom: 2px;}
#signinlayer h5 {margin-bottom: 2px;}

/*-----------------------------*/
/*         POP UP              */
	#popup {}
	#popwrapper {width: 95%; margin: 0 auto; text-align: left;  border: 1px solid #1e3c55; border-bottom: 0; background-color: #fff;}
	#popmain {padding: 0 20px; margin: 0; background-color: #dfe6ee; clear: both;}
	
	#popup .poptopleft {float: left; color: #1e3b52; font-weight: normal; padding: 40px 5px 8px 30px;}
	#popup .poptopleft h1 {color: #1e3b52; font-size: 1.3em; font-weight: normal; margin-bottom: 5px;}
	#popup .poptopleft small {color: #ed7124; font-size: 14px;}
	#popup .poptopleft span {font-size: 13px; font-weight: normal; background: transparent url(../img/icn_arrow_right4.gif) no-repeat 1px 6px; padding-left: 12px; text-transform: uppercase; color: #1b659f;}
	#popup .poptopright {float: right;}
	#popup .poptopright img {padding: 10px;}
	
	#popup .tblpopup {width: 100%;}
	#popup .tblpopup td {vertical-align: top;}
	#popup .tblpopup td.right {width: 310px;}
	#popup .tblsplitter {width: 18px;}
	
	#popup h4 {margin-bottom: 13px; font-size: 13px; color: #464646; text-transform: uppercase; color: #1e3b52;}
	#popup .tblpopdata {width: 100%;}
	#popup .tblpopdata th {vertical-align: top; border: 0; text-align: left; border-right: 1px dashed #ccc; padding: 10px 6px 6px 12px; font-size: 11px; color: #1e3b52; text-transform: uppercase;}
	#popup .tblpopdata td {vertical-align: top; padding: 10px 6px 6px 12px; font-size: 12px; color: #1e3b52;}

/*-----------------------------*/

body {background-color: #184569; text-align: center; margin: 0; padding: 0; font: 16px Arial,Helvetica,sans-serif;}

#wrapper {width: 970px; text-align: left; margin: 0 auto; padding: 0; background-color: #dfe6ee; border: 1px solid #1a517d; border-top: 0; border-bottom: 0;} /* left and right shadow 2012 */
#widewrapper {width: 1100px; text-align: left; margin: 0 auto; padding: 0; background-color: #dfe6ee; border: 1px solid #1e3c55; border-top: 0; border-bottom: 0;}
#fairlywidewrapper {width: 1200px; text-align: left; margin: 0 auto; padding: 0; background-color: #dfe6ee; border: 1px solid #1e3c55; border-top: 0; border-bottom: 0;}
#verywidewrapper {width: 1400px; text-align: left; margin: 0 auto; padding: 0; background-color: #dfe6ee; border: 1px solid #1e3c55; border-top: 0; border-bottom: 0;}

#header {background-color: #fff; padding: 7px 16px 0 24px; border-bottom: 1px solid #ccc;}
#header h1 {background: transparent url(../img/logo.gif) no-repeat 0px 0px; text-indent: -3000px; height: 20px; width: 445px; background-size: 217px 20px;}
	#headdata {text-transform: uppercase; font-size: 11px; color: #6a6a6a; text-align: right; height: 20px;}
	#headdata a {margin-left: 7px;}
	#headdata strong {font-weight: normal; color: #2e2e2e; padding-right: 5px;}
	#headdata span, .splitter {color: #f77c2d; padding: 0 14px; font-size: 16px;}
	/* LOWER HELPER LINKS SECTION */
	#headhelp {text-transform: uppercase; font-size: 0.70em; color: #6a6a6a; text-align: right; padding-bottom: 10px; margin-top: -10px;}
	#headhelp a {margin-left: 16px;}
	#headhelp a:link {color: #a5a6a7; text-decoration: none;}
	#headhelp a:visited {color: #a5a6a7; text-decoration: none;}
	#headhelp a:hover {color: #ed7124; text-decoration: underline;}
	#headhelp a:active {color: #a5a6a7; text-decoration: underline;}
	
	/* ------------------- MERCHANT --------------------- */
	#navnew {background-color: #407cac; height: 38px; margin: 0; padding: 0 0 0 26px; font: 400 13px/1.3em 'Montserrat', sans-serif; text-transform: uppercase; list-style-type: none;}
	#navnew li:first-child { border-left: 1px solid #336791;}
	#navnew li {float: left; border-right: 1px solid #336791;}
	#navnew li a {display: block; padding: 0 15px 0 15px; text-decoration: none; color: #fff; line-height: 38px;}
	#navnew li a:hover {background-color: #8cb3d2;}
	#navnew li.current a {border-left: 1px solid #336791; color: #1e3c54; font-weight: 600;}
	#navnew li.current, #navnew li.current a:hover {    background-color: #dfe6ee; border-top: 1px solid #184569; margin-top: -1px;}

	#navsub {height: 16px; clear: both; text-align: right; font-size: 11px; font-weight: bold; color: #1e3c54; text-transform: uppercase; visibility: hidden; height: 20px;}
	#navsub a:link {color: #1b659f; text-decoration: underline;}
	#navsub a:visited {color: #1b659f; text-decoration: underline;}
	#navsub a:hover {color: #ed7124; text-decoration: underline;}
	#navsub a:active {color: #1b659f; text-decoration: underline;}

/* MAIN CONTENT */
	#content {clear: both; padding: 0 20px 20px 20px;}
	#content h2 {color: #1e3b52; font-size: 1.2em; font-weight: normal; margin-bottom: 12px;}
	#content h2 small {color: #ed7124; font-size: 14px;}
	#content h2 big {font-size: 15px; font-weight: normal; background: transparent url(../img/icn_arrow_right.gif) no-repeat 1px 6px; padding-left: 12px; padding-right: 6px; text-transform: uppercase; color: #1b659f;}
	#content h2 a {font-size: 15px; font-weight: normal; background: transparent url(../img/icn_arrow_right.gif) no-repeat 1px 6px; padding-left: 12px; padding-right: 6px; text-transform: uppercase;}
	#content h2 a:link {color: #1b659f; text-decoration: none;}
	#content h2 a:visited {color: #1b659f; text-decoration: none;}
	#content h2 a:hover {color: #ed7124; text-decoration: underline;}
	#content h2 a:active {color: #1b659f; text-decoration: underline;}
	
	/* CONTENT GUIDES / Links */
	#content .guide div {float: right; font-size: 11px; text-decoration: none !important; border: 1px solid #ccc; border-radius: 3px; background-color: #ffe; padding: 5px 8px;}
	#content .guide div span {display: inline-block; vertical-align: middle;}
	#content .guide:not(:first-child) div {margin-right: 1em;}

	#content .guide.viewinfo div {background-color: #fff;}

	/* FILTERS SECTION */
	#filters {margin: 12px 0 16px 0; border: 1px solid #dfe6ee;}
	#filters strong {width: 115px; display: block; float: left; font-size: 12px; color: #535252; padding-right: 14px;}
	#filters select {width: 200px; display: block; float: left; margin-right: 12px; margin-bottom: 3px; font-size: 12px;}
	#filters p {clear: both; margin: 0;}
	#filters p.filteropt {clear: left; font-size: 11px; background: transparent url(../img/icn_arrow_down.gif) no-repeat 125px 3px; text-transform: uppercase; position: relative; padding: 0 0 0 139px;}
	
	/* LEFT / RIGHT */
	#sectionleft {width: 455px; float: left;}
	#sectionright {width: 455px; margin-left: 20px; float: left;}

	#sectionleft2 {width: 600px; float: left;}
	#sectionleft3 {width: 560px; float: left;}
	#sectionright2 {width: 310px; margin-left: 20px; float: left;}
	#sectionright3 {width: 350px; margin-left: 20px; float: left;}

	#sectionleftpop {width: 60%; float: left; margin: 20px 0;}
	#sectionrightpop {width: 38%; margin: 20px 0 20px 20px; float: right;} /* OVERRIDE */
	
	#simple-text-center {line-height:20px;}
	
	.filterLabel {display: block !important; margin-top: 0.5em !important; font-size: 10px;}
	
	/* BOXES LIQUID */
	.box {border: 1px solid #b1bfcf; background-color: #f7f9fb;margin-bottom: 20px; clear: both; border-radius: 3px;}
	.box h3 {font-size: 14px; line-height: 1.7em; color: #797979; text-transform: uppercase; font-weight: normal; border: 1px solid #fff; padding: 8px; clear: both; border-top-right-radius: 3px; border-top-left-radius: 3px; background-color: #ecf0f7; border-bottom: 1px solid #ccc;}
	.box h3 strong {color: #252525;}
	.box h3 small {color: #b1bfcf; font-size: 11px;}
	.box h3 small select {font-size: 11px; position: relative; margin-top: 3px; border: 1px solid #b1bfcf;}
	.box h3 small a {text-decoration: none; padding-left: 12px;}
	.box h3 small a:link {color: #b1bfcf;}
	.box h3 small a:visited {color: #b1bfcf;}
	.box h3 small a:hover {color: #f77c2d;}
	.box h3 small a:active {color: #b1bfcf;}
	.box h3 select {float: right; margin-top: 3px;} 
	.box blockquote {display: block; padding: 0;} 
	.box a.linkclose {background: transparent url(../img/icn_close.gif) no-repeat 0px 0px; height: 14px; width: 14px; float: right; display: block; text-indent: -3000px; margin-left: 8px; margin-top: 6px;}
	.box a.linkgo {/*border: 1px solid #b1bfcf; */ float: right; display: block; font-size: 10px; text-decoration: none; line-height: 10px; padding: 2px 2px 2px 12px; margin-top: 6px; background: transparent url(../img/icn_arrow_go.gif) no-repeat 2px 3px; letter-spacing: -1px;}
	.box a.linkadd {border: 1px solid #b1bfcf; float: right; display: block; font-size: 10px; text-decoration: none; line-height: 10px; padding: 2px 2px 2px 4px; margin-top: 6px; letter-spacing: -1px;}
	.box .boxviewall {text-transform: uppercase; border-bottom: 1px solid #b1bfcf; border-left: 1px solid #b1bfcf; font-size: 11px; float: right; margin: -13px -10px 0 0; padding: 2px 4px 2px 6px;} /* OVERRIDE */
	.box .boxviewall a {text-decoration: none;}
	.box a.linkhelp {float: right; background: transparent url(../img/help.gif) no-repeat 2px 3px; letter-spacing: -1px;}
		
	.box fieldset {border: 1px solid #cad4e2; background-color: #f9fafc; margin-bottom: 16px; padding-left: 7px; padding-bottom: 7px; border-radius: 3px;} /* OVERRIDE */
	.box legend {color: #333; font-weight: bold; text-transform: uppercase; font-size: 12px; padding: 0 7px;}
	.box legend span {font-weight: normal;}
	
	.boxwrapper {padding: 19px; border: 1px solid #fff; border-top: 0; clear: both; font-size: 12px; border-radius: 3px;}

	.boxcontent {font-size: 12px; padding: 4px;} /* OVERRIDE */
	.boxcontent h4 {margin-bottom: 13px; font-size: 12px; color: #464646;}
	.boxcontent h4 select {display: block; margin-top: 5px; font-size: 11px;}
	.boxcontent h5 {margin-bottom: 13px; font-size: 12px; color: #464646;}
	.nolegend div.boxcontent {margin-top: 7px;}
		
	/* BULLETED ITEMS - NEWS | */
	.itemlist {padding: 0; margin: 0; list-style-type: none;}
	.itemlist li {margin-bottom: 9px; background: transparent url(../img/icn_bullet.gif) no-repeat 0px 2px; padding-left: 14px;} /* OVERRIDE */
	.itemlist li strong {font-size: 12px;}
	.itemlist li p {font-size: 11px;}
	.itemlist li strong a {font-size: 11px; text-transform: uppercase; font-weight: normal;}
		
	/* BUTTONS */

	.button {clear: both; font-size: 13px; text-transform: uppercase; height: 26px; font-weight: bold;}
	.button a {background-image: url(../img/bg_btn_left.gif); background-repeat: no-repeat; display: block; height: 26px; float: left; margin-right: 8px; cursor: pointer; text-decoration: none; line-height: 22px; padding-left: 6px;}/* OVERRIDE */
	.button a:hover {background-image: url(../img/bg_btn_left_on.gif); color: #fff;}
	.button a span {background-image: url(../img/bg_btn_right.gif); background-position: right; background-repeat: no-repeat; display: block; height: 26px; float: left; margin-left: 10px; padding-right: 15px; color: #fff;}
	.button a:hover span {background-image: url(../img/bg_btn_right_on.gif);}
		
	.buttonhelper {position: relative; margin: -22px 0; display: block;}
	/* BUTTONS */

	/* TABLES ALL */
	.nobr {white-space: nowrap;}
	.tbldata, .tblgeneric, .vtbldata {width: 100%;}
	.tbldata input {width: 98%}
	.vtbldata input {width: 98%}
	.tblgeneric td {vertical-align: top;}
	.vtbldata td {vertical-align: top;}
	
	.tblform {width: 100%;}
	.tblform th {text-align: left; vertical-align: top; font-size: 12px; padding: 0 3px 3px 3px;}
	.tblform td, .tblform th {padding: 3px 0; text-align: left;}
	.tblform tr {vertical-align: top;}
	.tblform td label {display: inline;}
	.tblformlabel {width: 155px;}
	
	.w-25 {width: 25%;}
	.w-50 {width: 50%;}
	.w-75 {width: 75%;}
	.w-100 {width: 100%;}
	
	.boxwrapper.newform {background-color: #f9fafc;padding: 5px;} 
	.newform .tblform tr:nth-child(even) {background-color: #fff;} 
	.newform .tblform tr td:first-child {padding-left: 8px !important;} 
	.newform .tblform tr td {border-bottom: 1px dashed #eee; padding: 9px 0 !important;}
	.newform .tblform tr:last-child td {border-bottom: 0;}

	/* WIDTH OF CELL FOR OBJECT */ 
	.widthobj {width: 10%;}
	.tbldata thead th {text-align: left; vertical-align: top; text-transform: uppercase; font-size: 10px; padding: 0 3px 3px 3px; border-bottom: 1px solid #cad4e2; color: #1e3b52;}
	.tbldata tbody td {padding: 3px; vertical-align: top;}
	.tbldata tr:nth-child(even) {background: #eff4fa;}
	.tbldata tr:hover {background: #eff4fa;}
	
	.vtbldata thead th {vertical-align: top; text-transform: uppercase; font-size: 10px; padding: 0 3px 3px 3px; border-bottom: 1px solid #cad4e2; color: #1e3b52;}
	.vtbldata tbody th {vertical-align: top; padding: 3px; vertical-align: top;}
	.vtbldata tbody td {padding: 3px; vertical-align: top;}
	
	.tblzebra {border: 1px solid #cad4e2; width: 100%;}
	.tblzebra thead th {vertical-align: top; text-transform: uppercase; font-size: 10px; padding: 5px; border-bottom: 1px solid #cad4e2; color: #1e3b52; background-color: #eff4fa;}
	.tblzebra td {padding: 3px 5px; vertical-align: top;}
	.nohl {border: 0;} /* NO HAIRLINE BORDER FOR ABOVE */
	
	.earnings1 {display: block; background-image: url(../img/icn_earnings_1.gif); background-repeat: no-repeat; text-indent: -3000px;}
	.earnings2 {display: block; background-image: url(../img/icn_earnings_2.gif); background-repeat: no-repeat; text-indent: -3000px;}
	.earnings3 {display: block; background-image: url(../img/icn_earnings_3.gif); background-repeat: no-repeat; text-indent: -3000px;}
	.earnings4 {display: block; background-image: url(../img/icn_earnings_4.gif); background-repeat: no-repeat; text-indent: -3000px;}
	.earnings5 {display: block; background-image: url(../img/icn_earnings_5.gif); background-repeat: no-repeat; text-indent: -3000px;}
	
	/* SIGN OUT SPECIFIC COMBINATION */
	.signout {text-align: center; background-color: #fff; border: 1px solid #cad4e2; background-color: #fff;}
	.signout p {margin: 25px 0;}
	.signout h3 {margin-top: 25px; font-size: 18px; font-weight: normal; color: #2e5e84;}

	.signoutbutton {display: inline-block; margin: 28px;}
    
	.roweven {background-color: #eff4fa;}
	.rowodd {background-color: #fff;}
		/* START JQUERY SORTABLE TABLE */
		table.tablesorter {background-color: #fff; width: 100%; text-align: left; border: 1px solid #cad4e2;}
		table.tablesorter thead tr th, table.tablesorter tfoot tr th {text-align: left; vertical-align: middle; text-transform: uppercase; font-size: 10px; padding: 5px 15px 5px 5px; border-bottom: 1px solid #cad4e2; color: #1e3b52; background-color: #fff; text-decoration: none;}
		table.tablesorter thead tr td {font-weight: bold; font-size: 10px; text-transform: uppercase;}
		table.tablesorter thead tr .header {background: transparent url(../img/icn_ascdesc.gif) no-repeat center right; cursor: pointer;}
		table.tablesorter tbody td {color: #464646;	padding: 3px 5px; background-color: #fff; vertical-align: top; font-size: 12px;}
		table.tablesorter tbody tr.odd td {background-color: #eff4fa;}
		table.tablesorter tbody tr:nth-child(even) td {background-color: #eff4fa;}
		table.tablesorter thead tr .headerSortUp {background-image: url(../img/icn_asc.gif); padding-right: 20px;}
		table.tablesorter thead tr .headerSortDown {background-image: url(../img/icn_desc.gif); padding-right: 20px;}
		/* SELECTED HEADER CELL */
		table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #eff3fc;}
		table.tablesorter2 {background-color: #fff; width: 100%; text-align: left; border: 1px solid #cad4e2;}
		table.tablesorter2 thead tr th, table.tablesorter2 tfoot tr th {text-align: left; vertical-align: top; text-transform: uppercase; font-size: 10px; padding: 5px; border-bottom: 1px solid #cad4e2; color: #1e3b52; background-color: #fff; text-decoration: none;}
		table.tablesorter2 thead tr .header {background: transparent url(../img/icn_ascdesc.gif) no-repeat center right; cursor: pointer;}
		table.tablesorter2 tbody td {color: #464646; padding: 3px 5px; background-color: #fff; vertical-align: top; font-size: 12px;}
		table.tablesorter2 thead tr .headerSortUp {background-image: url(../img/icn_asc.gif); padding-right: 20px;}
		table.tablesorter2 thead tr .headerSortDown {background-image: url(../img/icn_desc.gif); padding-right: 20px;}
		/* SELECTED HEADER CELL */
		table.tablesorter2 thead tr .headerSortDown, table.tablesorter2 thead tr .headerSortUp {background-color: #eff3fc;}
		/* END JQUERY SORTABLE TABLE */

/* CLASSES */
	.arrowrt {background: transparent url(../img/icn_arrow_right2.gif) no-repeat 0px 3px; padding-left: 14px; margin-right: -14px;}
	.arrowrt.txtsm {background-position: 0px 2px;} /* WHEN COMBINED REMOVE 2px*/ 
	.clear {clear: both;}
	.rowbold {font-weight: bold;}
	.topbot {margin: 12px 0;} /* margin spacing use globally block level elements */
	.toponly {margin-top: 12px;} /* margin spacing use globally block level elements */
	.liner {background: transparent url(../img/bg_liner.gif) repeat-x bottom; padding-bottom: 3px;}
	.starinline {padding-bottom: 4px;}
	.pagetool {text-align: right; text-transform: uppercase; margin: 3px 0 12px 0; color: #898989; font-size: 11px;}
	.picker {cursor: pointer;} /* for hover over pointer */
	
	.linkboxes {padding: 0; margin: 0; text-align: center;}
	.linkboxes li {list-style-type: none; font-size: 15px; font-weight: bold; color: #adadae; background-color: #fff; border: 1px solid #cad4e2; border-radius: 3px; padding: 12px; width: 148px; height: 65px; float: left; margin: 9px;} /* OVERRIDE */
	.linkboxes li a {font-weight: normal; display: block; padding: 6px 12px; text-decoration: none;}
  li.linkboxsingle {clear: both; margin: 0 auto; float: left; margin: 9px 9px 9px 105px;}
  
  	.biglinkboxes {padding: 0; margin: 0; text-align: center;}
	.biglinkboxes li {list-style-type: none; text-transform: uppercase; font-size: 15px; font-weight: bold; color: #adadae; background: transparent url(../img/bg_link_box.gif) repeat-y; border: 1px solid #a3b8cc; padding-top: 40px; padding-bottom: 0px; padding-right: 12px; padding-left: 12px; width: 375px; height: 85px; float: left; margin: 9px;} /* OVERRIDE */
	.biglinkboxes li a {text-transform: uppercase; font-size: 11px; font-weight: normal; display: block; padding: 6px 12px;}
  li.biglinkboxsingle {clear: both; margin: 0 auto; float: left; margin: 9px 9px 9px 225px;}
	
	.pagecount {list-style-type: none; display: inline; margin: 0; padding: 0; font-size: 11px;}
	 h3 ul.pagecount {float: right;}
	.pagecount li {list-style-type: none; display: inline; margin: 0 3px;}
	.tools {list-style-type: none; display: inline;}
	.tools li {list-style-type: none; display: inline; margin: 0 3px; border: 1px solid #b1bfcf; background-color: #f0f3f7; background: #fff url(../img/bg_gradiant.gif) repeat-x; padding: 2px 3px;}
	.tools li a {text-decoration: none; padding: 0 0 0 2px;}
	.toolbuttcont {margin: 10px 0 18px 0;} /* Add Creative Button Class */
	
	div.error, span.error {color: #fff; font-weight: bold; font-size: 12px; border: 1px solid #fff; background-color: #d20a0a; padding: 9px; margin-bottom: 12px;}
	label.error, .utf-error {color: #f00; font-size: 11px; margin: 0 8px; background: transparent url(../img/icn_arrow_go.gif) 0px 2px no-repeat; padding: 0 0 0 12px;} /* for jquery validation inline */
	div.error.select2-container {border: 0; background-color: inherit; padding: 0; margin: 0;}
	.utf-error {display: inline;}
	div.warning, span.warning {height: 100px; overflow: auto;color: #fff; font-weight: bold; font-size: 12px; border: 1px solid #fff; background-color: #ed7124; padding: 9px; margin-bottom: 12px;}
	div.warningnotable, span.warningnotable {color: #fff; font-weight: bold; font-size: 12px; border: 1px solid #fff; background-color: #ed7124; padding: 9px; margin-bottom: 12px;}

	label.twoRow {display: inline; margin-right: 12px; float: left;} /* used in forms when you want to place multiple input fields with label above */
	label.twoRow input, label.twoRow select {display: block; margin-top: 3px;}

	.confirm {color: #fff; font-weight: bold; font-size: 12px; border: 1px solid #fff; background-color: #ed7124; padding: 9px; margin-bottom: 12px;}
	.loadinglayer {text-align: center; background-color: #fff; background-color: #fff; padding: 55px;}
	.nodisplay {display: none;}
	.nodisplayimp {display: none !important;} /*extends above, adds important*/ 
	.hiddenfields {display: none; border: 1px solid #ccc; background-color: #fcf; margin: 12px;}
	.loud {color: #f00 !important;}
	.mute {color: #ccc;}
	.mute2 {color: #999;}
	.noresults {color: #6f95bb; font-size: 11px;}

	.dynimage {background-color: #fff; padding: 15px; border: 1px solid #dfe6ee;}
	
	a.deadlink {color: #999 !important; text-decoration: none !important; cursor: default !important;}

	/* TEXT SIZES */
	.txtsm {font-size: 11px; font-weight: normal;} 
	.txtmed {font-size: 12px; font-weight: normal;} /* NULL BOLDS */
	.txtlg {font-size: 14px; font-weight: normal;} /* NULL BOLDS */
	
	.txtbo {font-weight: bold; color: #e27e07;} /* Bold & Orange */
	.txtalert {font-size: 11px; font-weight: bold; color: #e27e07;} /* Bold & Orange */
	.txtbb {font-weight: bold; color: #6f95bb;} /* Bold & Blue */
	
	/* HEIGHT FOR MATCHING W/PRECAUTION IF EXCEEDS */
	.h144 {min-height: 144px; height: auto !important; height: 144px;}
	.h165 {min-height: 165px; height: auto !important; height: 165px;}
	.h175 {min-height: 175px; height: auto !important; height: 175px;}
	.h200 {min-height: 200px; height: auto !important; height: 200px;}
	.h210 {min-height: 210px; height: auto !important; height: 210px;}
	.h220 {min-height: 220px; height: auto !important; height: 220px;}
	.h230 {min-height: 230px; height: auto !important; height: 230px;}
	.h240 {min-height: 240px; height: auto !important; height: 240px;}
	.h250 {min-height: 250px; height: auto !important; height: 250px;}
	.h260 {min-height: 260px; height: auto !important; height: 260px;}
	.h270 {min-height: 270px; height: auto !important; height: 270px;}
	.h300 {min-height: 300px; height: auto !important; height: 300px;}
	.h310 {min-height: 310px; height: auto !important; height: 310px;}
	.h400 {min-height: 400px; height: auto !important; height: 400px;}
	.h410 {min-height: 410px; height: auto !important; height: 410px;}
	
	/* TEXT DATA ALIGNMENT */
	.aleft {text-align: left;}
	.acenter {text-align: center;}
	.aright {text-align: right !important;}
	.atop {vertical-align: top;}

	/* FLOATING OBJECTS */
	.objright {float: right; margin: 0 0 12px 12px;}
	.imgset {margin: 1px 8px;} /* set of margined images */
	
	/* GLOBAL LINK STYLES */
	a:link {color: #ed7124;}
	a:visited {color: #ed7124;}
	a:hover {color: #fca001;}
	a:active {color: #ed7124;}
	
	/* TEXT DATA VALUE Q=POSITIVE S = NEGATIVE INLINE */
	q {color: #378c4b; quotes: none;}
	s {color: #f0575e; text-decoration: none;}
	sup {font-size: 18px; vertical-align: middle; padding-left: 2px;}
	/* FORM ELEMENTS */
	.inputcheckbox {width: auto !important;}
	.inputnextbutton {float: left; padding: 3px 5px 0 0;}
	.formradio {vertical-align: middle;}
	textarea {font-family: Arial, Helvetica, sans-serif; font-size: 12px; resize: vertical;}
		
/* FOOTER */	
#footer {width: 970px; text-align: left; margin: 0 auto; padding: 0; background-color: #dfe6ee; border: 1px solid #1e3c55; border-top: 0; font-size: .675em; text-indent: 1.8em; padding: 44px 0; color: #999; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-align: center;}

#widefooter {width: 1100px; text-align: left; margin: 0 auto; padding: 0; background-color: #dfe6ee; border: 1px solid #1e3c55; border-top: 0; font-size: .675em; text-indent: 1.8em; padding: 44px 0; color: #558fbd;}
#fairlywidefooter {width: 1200px; text-align: left; margin: 0 auto; padding: 0; background-color: #dfe6ee; border: 1px solid #1e3c55; border-top: 0; font-size: .675em; text-indent: 1.8em; padding: 44px 0; color: #558fbd;}
#verywidefooter {width: 1400px; text-align: left; margin: 0 auto; padding: 0; background-color: #dfe6ee; border: 1px solid #1e3c55; border-top: 0; font-size: .675em; text-indent: 1.8em; padding: 44px 0; color: #558fbd;}
#footerpop {width: 95%; margin: 0 auto; text-align: left;  border: 1px solid #1e3c55; background-color: #fff; background-color: #dfe6ee; border: 1px solid #1e3c55; border-top: 0; font-size: .675em; text-indent: 1.8em; padding: 22px 0 44px 0; color: #558fbd;}
#hiddenfooter {width: 970px; margin: 0 auto; background-color: #dfe6ee; font-size: .675em; color: #dfe6ee; border: 0;}
#widehiddenfooter {width: 1100px; margin: 0 auto;  height: 10px; background-color: #dfe6ee; font-size: .675em; color: #dfe6ee;}
#hiddenfooterpop {width: 95%; margin: 0 auto;  height: 10px; background-color: #dfe6ee; font-size: .675em; color: #dfe6ee;}
#fairlywidehiddenfooter {width: 1200px; margin: 0 auto;  height: 10px; background-color: #dfe6ee; font-size: .675em; color: #dfe6ee;}

/*------------------------*/
/* REVTRAX 2012 - HTML 5  */
/*------------------------*/
input[type="radio"] {vertical-align: middle !important; margin-top: 0px;}
input[type="textbox"] {vertical-align: middle !important; margin-top: 0px;}
table {border-collapse: collapse;}
.boxtabs {background-image: none;}
#pagetabs {margin: 12px 0 0 12px; border: 1px solid transparent; font-size: 14px;} /* IE7 COMP VIEW PATCH */
#pagetabs a {font-weight: bold; background-color: #fff; border: 1px solid #999; border-bottom: 0; padding: 5px 11px; margin: 0 7px 0 0; display: block; float: left; text-decoration: none;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
}
#pagetabs a:hover {background-color: #558fbd; color: #fff;}
#pagetabs a.current {border-bottom: 1px solid #f0f3f7; margin-bottom: -1px; background-color: #f0f3f7; color: #333; cursor: default;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,243,247,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(240,243,247,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,243,247,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,243,247,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,243,247,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(240,243,247,1) 100%);}
#searchForm, #filterForm {float: right; margin: -3px 0 0 0;}
#searchResults table {border: 1px solid #F90; margin: 12px 0; clear: both;}
#searchResults p strong {color: #f60;}

#viewOptions {float: right; font-size: 12px; color: #000; margin-top: 9px; font-weight: bold; display: none;}
#viewOptions input {vertical-align: middle;}
#viewOptions label {cursor: pointer;}

#saveToFolder {display: none;}

#searchOption {display: none; position: absolute; margin: -4px 0 0 -1px; border: 1px solid #ccc; background-color: #fff; padding: 6px; font-size: 11px; width: 158px;}
#searchOption label {cursor: pointer;}
#filterCount {color: #346a95;}

.linkedProgramIds {display: none;}
.childPromotionCount {display:inline-block; width: 3.5em;}
.viewChildPromotions {display: inline; margin: 0; text-decoration: none; color: #666 !important; font-size: 11px;}

.boxcontent h4 {background-color: #fff; padding: 7px; margin: 5px 0 0 0; border: 1px solid #ccc; text-transform: uppercase; cursor: pointer;}
.boxcontent h4 img {vertical-align: middle; padding: 0;}
.boxcontent ul {padding: 0; list-style-type: none;}
.boxcontent ul li ul {margin: 0 0 0 15px; cursor: pointer;}
.boxcontent ul li table, #hideAll {display: none;}
.boxcontent ul li table {width: 98%; margin: 0 0 0 2%; border-top: 0;}
.boxcontent ul li h5 {display: none; font-weight: normal; background-color: #528dbc; border: 1px solid #ccc; border-width: 0 1px; margin: 0 0 0 2%; color: #fff; padding: 5px;}

.highlight {background-color: #ffc !important;}

.tablesorter thead tr td {text-align: center; border-bottom: 1px solid #cad4e2;}
.boxcontent h4 span {float: right; text-transform: none; font-weight: normal; display: none;}
.boxcontent h4 span a {text-decoration: none;}
.boxcontent h4 strong {font-weight: normal;}

.button a.disabled {background-image: url(../img/bg_btn_dis_left.gif); cursor: default !important;}
.button a.disabled span {background-image: url(../img/bg_btn_dis_right.gif); cursor: default !important;}

.pagination {padding-bottom: 12px;}
.pagination input {cursor: pointer; padding: 4px 8px;}
.pagination .disabled {border: 1px solid #ccc; background-image: none; background-color: #eee; color: #ccc; cursor: default;}

.topTools {margin-bottom: 20px; font-size: 11px; color: #666;}
.topTools a {text-decoration: none; padding: 0 3px;}
.topTools a:hover {text-decoration: underline;}
.topTools a img {vertical-align: middle; padding-right: 3px}
p.topTools .newPromo {margin-right: 20px;}

/* ICONS ALL */
.sprite {background: url(../img/sprites.png) no-repeat top left; display: inline-block; vertical-align: middle; padding: 2px 2px 0 0;}
.sprite_context_cut{ background-position: 0 0; width: 16px; height: 16px; } 
.sprite_context_door{ background-position: -66px 0; width: 16px; height: 16px; } 
.sprite_context_page_white_copy{ background-position: -132px 0; width: 16px; height: 16px; } 
.sprite_context_page_white_delete{ background-position: -198px 0; width: 16px; height: 16px; } 
.sprite_context_page_white_edit{ background-position: -264px 0; width: 16px; height: 16px; } 
.sprite_context_page_white_paste{ background-position: -330px 0; width: 16px; height: 16px; } 
.sprite_context_security{ background-position: -396px 0; width: 16px; height: 16px; } 
.sprite_darrowdown{ background-position: -462px 0; width: 13px; height: 7px; } 
.sprite_darrowleft{ background-position: -525px 0; width: 7px; height: 13px; } 
.sprite_darrowright{ background-position: -582px 0; width: 7px; height: 13px; } 
.sprite_darrowup{ background-position: -639px 0; width: 13px; height: 7px; } 
.sprite_icn_arrow_down{ background-position: -702px 0; width: 9px; height: 9px; } 
.sprite_icn_arrow_go{ background-position: -761px 0; width: 7px; height: 8px; } 
.sprite_icn_arrow_right{ background-position: -818px 0; width: 6px; height: 7px; } 
.sprite_icn_arrow_right2{ background-position: -874px 0; width: 10px; height: 10px; } 
.sprite_icn_arrow_right3{ background-position: -934px 0; width: 7px; height: 7px; } 
.sprite_icn_arrow_right4{ background-position: -991px 0; width: 6px; height: 7px; } 
.sprite_icn_asc{ background-position: -1047px 0; width: 21px; height: 4px; } 
.sprite_icn_ascdesc{ background-position: -1118px 0; width: 21px; height: 9px; } 
.sprite_icn_bullet{ background-position: -1189px 0; width: 7px; height: 11px; } 
.sprite_icn_calendar { background-position: -1246px 0; width: 16px; height: 15px; } 
.sprite_icn_calendar2 {background-position: -817px -67px; width: 16px; height: 16px;}
.sprite_icn_chart{ background-position: -1312px 0; width: 29px; height: 17px; } 
.sprite_icn_close{ background-position: -1391px 0; width: 14px; height: 14px; } 
.sprite_icn_desc{ background-position: -1455px 0; width: 21px; height: 4px; } 
.sprite_icn_download{ background-position: -1526px 0; width: 17px; height: 17px; } 
.sprite_icn_earnings_1{ background-position: -1593px 0; width: 37px; height: 12px; } 
.sprite_icn_earnings_2{ background-position: -1680px 0; width: 37px; height: 12px; } 
.sprite_icn_earnings_3{ background-position: -1767px 0; width: 37px; height: 12px; } 
.sprite_icn_earnings_4{ background-position: -1854px 0; width: 37px; height: 12px; } 
.sprite_icn_earnings_5{ background-position: -1941px 0; width: 38px; height: 13px; } 
.sprite_icn_star{ background-position: 0 -67px; width: 7px; height: 6px; } 
.sprite_icon_folder_closed{ background-position: -57px -67px; width: 18px; height: 18px; } 
.sprite_icon_folder_closed_gray{ background-position: -125px -67px; width: 18px; height: 18px; } 
.sprite_icon_folder_move{ background-position: -193px -67px; width: 18px; height: 18px; } 
.sprite_icon_folder_new{ background-position: -261px -67px; width: 18px; height: 18px; } 
.sprite_icon_folder_open{ background-position: -329px -67px; width: 18px; height: 18px; } 
.sprite_icon_search {background-position: -397px -67px; width: 16px; height: 16px; } 
.sprite_icon_barcode {background-position: -524px -67px; width: 17px; height: 16px; }
.sprite_icon_master_promo {background-position: -671px -65px; width: 18px; height: 18px;}
.sprite_icon_report {background-position: -725px -66px; width: 18px; height: 18px;}
.sprite_icn_arrow_white_left {background-position: -579px -71px; width: 14px; height: 14px; }
.sprite_icn_arrow_white_right {background-position: -602px -71px; width: 16px; height: 16px; }
.sprite_icn_arrow_white_up {background-position: -622px -71px; width: 16px; height: 16px; }
.sprite_icn_arrow_white_down {background-position: -644px -71px; width: 16px; height: 16px; }
.sprite_icn_arrow_up {background-position: -732px 0; width: 9px; height: 9px; } 
.sprite_trash {background-position: -762px -67px; width: 16px; height: 16px;} 
.sprite_run {background-position: -787px -67px; width: 16px; height: 16px;} 
.sprite_pause {background-position: -951px -67px; width: 16px; height: 16px;} 
.sprite_resume {background-position: -974px -67px; width: 16px; height: 16px;} 
.sprite_alert {background-position: -848px -67px; width: 16px; height: 16px;}
.sprite_download {background-position: -877px -67px; width: 16px; height: 16px;}
.sprite_options {background-position: -905px -67px; width: 16px; height: 16px;}
.sprite_options_on {background-position: -997px -67px; width: 16px; height: 16px;}
.sprite_private {background-position: -926px -66px; width: 18px; height: 18px;}
.sprite_mobile {background-position: -1116px -66px; width: 12px; height: 18px;}
.sprite_doc_glass {background-position: -1068px -66px; width: 18px; height: 18px;}
.sprite_camera {background-position: -1180px -66px; width: 18px; height: 18px;}
.sprite_wrench {background-position: -1132px -66px; width: 18px; height: 18px;}
.sprite_sow {background-position: -1155px -66px; width: 18px; height: 18px;}
.sprite_sys_msgs {background-position: -1207px -67px; width: 20px; height: 17px;}
.sprite_sis {background-position: -1363px -65px; width: 20px; height: 20px;}
.sprite_ngportal {background-position: -1497px -65px; width: 20px; height: 20px;}

.sprite_icn_arrow_gray_left {background-position: -1385px -64px; width: 20px; height: 20px;}
.sprite_icn_arrow_gray_right {background-position: -1402px -64px; width: 20px; height: 20px;}
.sprite_icn_arrow_gray_right_double {background-position: -1419px -64px; width: 20px; height: 20px;}
.sprite_icn_arrow_gray_left_double {background-position: -1442px -64px; width: 20px; height: 20px;}
.sprite_icn_arrow_gray_up {background-position: -1463px -64px; width: 20px; height: 20px;}
.sprite_icn_arrow_gray_down {background-position: -1482px -64px; width: 20px; height: 20px;}

#searchPromo {float: left; margin: 2px 2px 0 0; width: 165px;}
.creativeDetails {display: none; position: absolute; border: 1px dashed #999; background-color: #ffe;}
.colorText {color:red;}

.creativeDetails li {padding: 5px 8px; font-weight: bold;}

.placeholder {background-color: #336791 !important; border: 1px dashed #ccc;}
.uncategorized {border-top: 1px dashed #666; margin-top:5px;}
.ui-nestedSortable-error {background: #fbe3e4; color: #8a1f11;}

.validateTips {font-weight: bold; margin: 3px 0 0 0; text-align: left !important; color: #666;}
.dialogbox {display: none;}
.dialogbox fieldset {border: 0 !important; text-align: left !important;}
.dialogbox label {display: block; margin-top: 9px;}
.dialogbox p {text-align: left !important;}

/* PROMOTIONS FOLDERS CLASSES */
.folderName {background: transparent url(../img/icon_folder_closed_gray.gif) 0px 0px no-repeat; text-decoration: none; font-weight: bold; color: #333 !important; outline: none; cursor: default !important;}
.hasPromo, .hasBarcode, .hasCustomReport{background: transparent url(../img/icon_folder_closed.gif) 0px 0px no-repeat; color: #f77b2b !important; cursor: pointer !important;}
.hasPromoOn, .hasBarcodeOn, .hasCustomReportOn {background-image: url(../img/icon_folder_open.gif);}
.hasCreative {background: transparent url(../img/icon_folder_closed.gif) 0px 0px no-repeat; color: #f77b2b !important; cursor: pointer !important;}
.hasCreativeOn {background-image: url(../img/icon_folder_open.gif);}

#menu .tablesorter, #uncategorized .tablesorter {background-color: #fff; width: 100%; cursor: default; display: none; margin-top: 5px;}

/* CONTEXT MENU */
.contextMenu {position: absolute; width: 210px; z-index: 99999; border: solid 1px #CCC; background: #EEE; padding: 0px; margin: 0px; display: none;}
.contextMenu li {list-style: none; padding: 0px; margin: 0px;}
.contextMenu a {color: #333; text-decoration: none; display: block; line-height: 20px; height: 20px; background-position: 6px center; background-repeat: no-repeat; outline: none; padding: 1px 5px; padding-left: 28px;}
.contextMenu li.hover a {color: #FFF; background-color: #558fbd;}
.contextMenu li.disabled a {color: #AAA; cursor: default;}
.contextMenu li.hover.disabled a {background-color: transparent;}
.contextMenu li.separator {border-top: solid 1px #ccc;}

/* ICONS */
.contextMenu li.edit a, .contextMenu li.rename a { background-image: url(../img/context_page_white_edit.png); }
.contextMenu li.delete a { background-image: url(../img/context_page_white_delete.png); }
.contextMenu li.quit a { background-image: url(../img/context_door.png); }
.contextMenu li.add a { background-image: url(../img/icon_folder_new.gif); }

.contextMenu li.view a { background-image: url(../img/context_page_white_copy.png); }
.contextMenu li.affiliate a { background-image: url(../img/context_page_white_paste.png); }
.contextMenu li.security a { background-image: url(../img/context_security.png); }
.contextMenu li.link a { background-image: url(../img/context_page_white_paste.png); }
.contextMenu li.smartlinks a { background-image: url(../img/context_page_white_paste.png); }
.contextMenu li.variable a { background-image: url(../img/context_page_white_paste.png); }

#menu, #menu ol, #mainmenu, #mainmenu ol {margin: 0 0 0 10px; padding: 0; list-style-type: none;}
#menu {margin: 0;}

#mainmenu {margin: 0; min-height: 300px; border: 1px solid #ccc; background-color: #fff; padding: 5px 10px 10px 10px;}

.button select {text-transform: none !important;}
#rootFolder, #masterPromoHeading {background-color: #346a95 !important; cursor: default !important; padding: 5px !important;}
#rootFolder a, #masterPromoHeading a {cursor: default; color: #fff !important;}
#masterPromoHeading a {font-weight: normal; text-decoration: none; cursor: pointer;}
#masterPromoHeading a:hover {text-decoration: underline; color: #ff0 !important;}
#rootFolder .moveHandle, #rootFolder .deleteFolder {display: none;}

#menu li, #mainmenu li {margin: 7px 0 0 0; padding: 0;}

/* FIRST LEVEL */
#menu li div, #mainmenu li div {background-color: #eee; border: 1px solid #ccc !important;}
/* SECOND LEVEL */
#menu li ol li {background: transparent url(../img/bg_connector.png) no-repeat 0px -5px; padding-left: 12px;}
#menu li ol li div {background-color: #fff; border: 1px solid #ccc !important;}
/* THIRD LEVEL */
#menu li ol li ol li div {background-color: #ffe;}
/* FORTH LEVEL */
#menu li ol li ol li ol li div {background-color: #eff3fc;}
/* FIFTH LEVEL ++ */
#menu li ol li ol li ol li ol li div {background-color: #fff;}
/* OVERRIDE FOR SHOW/HIDE */
#menu li div table tbody tr td div {border: 0 !important; background-color: transparent; padding: 0;}
#menu li div table tbody tr td div a {padding: 0; margin-left: 0;}

/* TOOLS */
#menu li div, #mainmenu li div {border: 1px solid #ccc; padding: 5px; margin: 0;}
div a.moveHandle {cursor: move; background: transparent url(../img/icon_folder_move.gif) no-repeat center right; text-indent: -9999px; display: block; float: right; width: 17px; height: 17px;}

#menu li div > a, #mainmenu li div > a {padding-left: 21px;}

.moveFolder {max-width: 250px;}

/* DATA TABLES */
.dataTables_info {display: inline; padding: 0 25px 0 55px;}
.dataTables_length {display: inline; padding: 0 10px;}
.dataTables_length select, .dataTables_filter input {vertical-align: middle;  margin: 0 0 0 0.5em;}
.dataTables_filter {display: block; float: right; margin: 5px 0 0 0;}
.dataTables_filter label {color: #346a95;}

.dataTables_wrapper .infoThin {padding: 0 0 10px 0;}
.infoThin .dataTables_info {display: inline-block; padding: 5px 0 0 0;}
.infoThin .dataTables_length {display: inline-block; float: right; padding: 0;}
.dataTableThin .dataTables_wrapper .bottom .dataTables_info {padding: 0;}

a.paginate_disabled_next, a.paginate_disabled_previous {background-color: #ccc !important; color: #fff !important; cursor: default !important; border: 1px solid #ccc !important;}
a.paginate_button, a.paginate_enabled_previous, a.paginate_disabled_previous, a.paginate_enabled_next, a.paginate_disabled_next {font-size: 11px; font-weight: normal !important;}

.dataTables_paginate {display: inline;}
.dataTables_paginate a {vertical-align: middle; display: inline-block; cursor: pointer; border: 1px solid #c5dbec; background-color: #dfeffc; padding: 7px 9px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; margin-right: 5px; color: #2e6e9e; font-weight: bold;}
.dataTables_paginate a:hover {background-color: #d1e5f5; border: 1px solid #79b7e7;}
.dataTables_empty {font-size: 13px !important; color: #f00 !important; padding: 25px !important; font-weight: bold !important;}
.dataTables_wrapper .top {margin: 10px 0;}
.dataTables_wrapper .bottom {margin: 10px 0;}

table.dataTable {background-color: #fff; width: 100%; text-align: left; border: 1px solid #cad4e2;}
table.dataTable thead tr th, table.dataTable thead tr td, table.dataTable tfoot tr th {text-align: left; vertical-align: top; text-transform: uppercase; font-size: 10px; padding: 5px; border-bottom: 1px solid #cad4e2; color: #1e3b52; background-color: #fff; text-decoration: none;}
table.dataTable thead tr .header {background: transparent url(../img/icn_ascdesc.gif) no-repeat center right; cursor: pointer; padding-right: 14px;}
table.dataTable tbody td {color: #464646; padding: 3px 5px; background-color: #fff; vertical-align: top; font-size: 12px; overflow-wrap: break-word; max-width: 100px;}
table.dataTable tbody tr.odd td {background-color: #eff4fa;}
table.dataTable thead tr .headerSortUp {background-image: url(../img/icn_asc.gif); padding-right: 20px;}
table.dataTable thead tr .headerSortDown {background-image: url(../img/icn_desc.gif); padding-right: 20px;}
/* Selected Heading Cell */
table.dataTable thead tr .headerSortDown, table.dataTable thead tr .headerSortUp {background-color: #eff3fc;}

table.dataTable thead tr th {cursor: pointer;}
table.dataTable thead tr th.sorting_desc {background: transparent url(../img/icn_desc.gif) right no-repeat; padding-right: 20px; background-color: #eff3fc;}
table.dataTable thead tr th.sorting_asc {background: transparent url(../img/icn_asc.gif) right no-repeat; padding-right: 20px; background-color: #eff3fc;}
table#promotionsAll tbody td:nth-child(3) {max-width: 150px; min-width: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.promoTools {margin-left: 9px; display: none; font-size: 11px;}
.promoTools a {cursor: pointer !important;}

.creativeTools {margin-left: 9px; display: none; font-size: 11px;}
.creativeTools a {cursor: pointer !important;}

.barcodeTools {margin-left: 9px; display: none; font-size: 11px;}
.barcodeTools a {cursor: pointer !important;}

.customReportTools {margin-left: 9px; display: none; font-size: 11px;}
.customReportTools a {cursor: pointer !important;}

#hovermenu {border: 2px solid #b1bfcf; background-color: #f4f4f4; position: absolute; text-align: center; height: 45px; margin-left: 15px; padding: 6px 6px 0 6px;}
#hovermenu a {display: inline-block !important; padding: 10px 15px; font-size: 11px; margin: 0;}
#hovermenu a:hover {background-color: #fff;}
.childHoverMenu {left: 35%;}

#menu .tablesorter tbody tr td a {display: block; border: 1px solid transparent;}

.highlightnew td {background-color: #ffe !important;}

.masterPromo {background-color: #fff !important;}
.masterPromo a span {color: #000 !important;}
span.required {color: #ed7124; font-size: 14px;}
.masterPromo span.sprite_icon_master_promo {margin-left: -22px;}
select.countSelected { margin-top: 5px; margin-bottom: 5px; }

#masterPromotionMenu {padding: 3px 12px 12px 0; border: 1px solid #ccc; display: none; background-color: #eee;}
#masterPromotionMenu table.tablesorter {display: none;}
#masterPromoHeading {font-weight: bold; background-color: #ccc; color: #fff;}

/* MINICOLORS GRADIANT SELECTOR */
.miniColors-trigger {height: 22px; width: 22px; background: url(images/color_sel_trigger.png) center no-repeat; vertical-align: middle; margin: 0 .25em .25em .4em; display: inline-block; outline: none;}
.miniColors-selector {position: absolute; width: 175px; height: 150px; background: #FFF; border: solid 1px #BBB; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .25); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .25); box-shadow: 0 0 6px rgba(0, 0, 0, .25); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px; z-index: 999999;}
.miniColors-selector.black {background: #000; border-color: #000;}
.miniColors-colors {position: absolute; top: 5px; left: 5px; width: 150px; height: 150px; background: url(images/color_sel_gradient.png) center no-repeat; cursor: crosshair;}
.miniColors-hues {position: absolute; top: 5px; left: 160px; width: 20px; height: 150px; background: url(images/color_sel_rainbow.png) center no-repeat; cursor: crosshair;}
.miniColors-colorPicker {position: absolute; width: 11px; height: 11px; background: url(images/color_sel_circle.gif) center no-repeat;}
.miniColors-huePicker {position: absolute; left: -3px; width: 26px; height: 3px; background: url(images/color_sel_line.gif) center no-repeat;}	

/* SHRINKED IMAGES to be used with hoverIntent to reveal */
.shrinked {border: 1px dashed #ccc; max-height: 100px; cursor: nw-resize;}
.expanded {border: 1px dashed #ccc; max-height: inherit; cursor: nw-resize;}

.imageCoordinate {border: 1px dashed #ccc; display: block; margin: 10px 0;}

h5 {font-weight: normal;}
h5 strong {font-weight: bold;}
h5.separator {border-top: 1px dashed #999; padding-top: 10px; color: #000; font-size: 12px;}
h5.separator strong {display: inline-block; width: 148px; font-weight: bold;}
h5.separator a.formToggle {text-decoration: none;}
h5.separator span.status {display: block; float: right; width: 100px; font-weight: bold; text-transform: uppercase;}
div.separator {border-top: 1px dashed #999; padding-top: 10px; color: #000; font-size: 12px; margin-top: 10px;}

.showHideSection, .separateSection {border: 1px solid #ccc; padding: 10px; background-color: #fff; margin-bottom: 10px;}
.showHideSection hr.separator {color: #ccc !important;	margin: 12px 0;	height: 1px;}

/* ALTERNATING ROW COLOR used in conjunction with jquery  */
.tblformnew {border: 1px solid #ccc;}
.tblformnew td, .tblformnew th {padding: 3px 5px;}

h5.subHeading {font-size: 14px; font-weight: normal; color: #666;}

.tblcompress {width: auto !important;} /* tables not 100% */
.tblcompress td {padding-right: 10px;}

#dynamicPromos {background-color: #fff;}
#dynamicPromos th {padding: 12px 12px 0 12px;}
#dynamicPromos td {padding: 12px;}

/* show drop button */
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only {padding: 5px 0; margin-bottom: -5px}

/* for inline helper icon*/
.ui-icon.ui-icon-helper {display: inline-block; cursor: help; margin-bottom: -3px;}
img.ui-datepicker-trigger {vertical-align: middle; margin: 0 0 0 5px;}

.ui-autocomplete {max-height: 200px; overflow: auto;} /* ?? OVERRIDE nothing over 200px height */
.ui-autocomplete-input {width: 195px;}
.ui-combobox {position: relative; display: inline-block;}
.ui-combobox-toggle {position: absolute; top: 0; bottom: 0; margin-left: -1px; padding: 0; *height: 1.7em; *top: 0.1em;}
.ui-combobox-input {margin: 0; padding: 0.3em;}
.ui-icon1 {display: inline-block; cursor: help; margin-bottom: -3px;}
.ui-menu-item {text-align: left;}
#servletForm .ui-button-icon-only {padding: 5px 0; margin-bottom: -5px;}

/* promotions home boxes */
.linkboxesnew li {width: 170px; margin: 0 9px 9px 9px;}
.linkboxesnew li p {margin: 5px 0;}
.linkboxesnew li a {display: inline !important; padding: 6px !important;}

.imageScaleBack {height: 115px; vertical-align: middle;	margin-top: 6px;}
.imageScaleUp {height: auto !important; width: auto !important; position: absolute; border: 5px solid #ccc; vertical-align: middle; margin-top: 6px;}

.validationError {border: 2px solid #f00 !important;}
.inputcount {padding: 5px; color: #999;}
#saveToSection {border: 1px solid #b1bfcf; padding: 20px; background-color: #fff; font-size: .75em;}

a.viewMorePromos {display: block; margin-top: 6px; font-size: 11px; text-decoration: none; color: #666;}
a.viewMoreCreatives {display: block; margin-top: 6px; font-size: 11px; text-decoration: none; color: #666;}

#moveControls {padding-top: 35px; width: 80px;}
#moveControls a {width: 65px; text-align: center; font-weight: normal;}
#moveControls #remove {margin: 6px 0;}
#moveControls #moveup {margin: 20px 0 6px 0;}

.container {border: 1px solid #ccc; background-color: #fff; padding: 10px; margin-bottom: 12px;} /* used in servlet page */

a[title="View Asset"] {position:relative}
#sampleImageView {position: absolute; border: 1px solid #ccc; width: 250px; background-color: #eee; padding: 2px; text-align: center;}
#sampleImageView img {max-width: 200px; max-height:400px}

#sampleImage {position: absolute; border: 1px solid #ccc; max-width: inherit !important;}
.sample {margin-top: 5px; font-size: 11px; color: #069b29;}
.sample img {max-width: none !important; max-height: none !important;}

/* for templatesList */
#couponTemplatesList li label label, #preprintTemplatesList li label label {position: absolute; display: block; margin: -13px 0 0 -155px;}
.boxHeading {display: block; background-color: #666; color: #fff; padding: 2px 5px; margin-bottom: -5px;}
.templatesList {margin: 5px 0 0 0; padding: 12px; overflow: auto; height: 105px; border: 1px solid #ccc; background-color: #fff;}
.templatesList label {cursor: pointer;}
.templatesList a {display: block; margin-top: 5px;}
.templatesList li {display: inline-block; color: #224d74 !important; padding: 10px; border: 1px solid transparent; margin: 2px 5px; list-style-type: none; width: 120px;}
.templatesList li label img {border: 1px solid #ccc; display: block; margin-top: 4px; max-width: 100px; max-height: 55px;}
.templatesList li.hovered {background-color: #eee !important; border: 1px dashed #ccc;}
.templatesList li.selected {background-color: #f0f3f7 !important; border: 1px solid #ccc;}

.templateAsset {width: 350px;}

/* merchant provider list */
.providerList li label img {max-height: none !important; max-width: 125px !important;}
.providerList {height: auto; padding: 5px 0 !important;}
.providerList li {text-align: left;}

.listVertical li {margin-bottom: 10px; background: transparent url(../img/icn_arrow_go.gif) 3px 4px no-repeat; padding-left: 20px;}
.listVertical li a {display: block;}

#showHelpText {display: none; border: 1px dashed #ccc; padding: 9px; background-color: #ffe; min-width: 200px; max-width: 500px; position: absolute; font-weight: normal !important; text-transform: none; z-index: 100000; border-radius: 5px; -moz-box-shadow:    3px 6px 6px 1px #ccc; -webkit-box-shadow: 2px 6px 6px 1px #ccc; box-shadow: 3px 6px 6px 1px #ccc;}


/* reporting - 10/2012 gpeng */
        #reportsAll {border: 1px solid #ccc; padding: 3px 0 0 0; background-color: #fff;-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
        #reportsAll table tr th {background-color: #eee; padding: 7px; border-bottom: 1px solid #e4e4e4; text-align: left;}
        #reportsAll table tr th select, #reportsAll table tr th input {border: 1px solid #ccc; font-size: 12px; padding: 3px; background-color: #fff; border-radius: 3px;}
        #reportsAll .separator {padding: 0 9px; color: #ccc; font-size: 20px;}
		table tr #filterColumns .filterItem .filter-input-field.disabled{
			pointer-events: none;
			background-color: #eeeeee !important;
		}
        #reportsList {border-right: 1px solid #e4e4e4; padding: 0; width: 230px !important;}
        #reportsList ul {height: 310px; overflow: auto;}

		#reportsList ul li.rptheading {padding: 7px 5px 7px 12px; font-weight: bold; font-size: 11px; color: #558fbd;}
		
		#reportsList ul li a span {opacity: 0.25;}
        #reportsList ul li.selected a {color: #fff;}
		#reportsList ul li.selected a span {opacity: 1;}

        #reportsList ul, #reportsList ul li {margin: 0; padding: 0; list-style: none;}
        #reportsList ul li {border-bottom: 1px solid #e4e4e4;}
        #reportsList ul li a {text-decoration: none; display: block; padding: 7px; color: #999; line-height: 1.35em;}
        #reportsList ul li a:hover {color: #ed7124; background-color: #ffe;}
		#reportsList .sprite {float: left; margin: -1px 2px 5px 0;}
        #reportsChart {border-top: 1px dashed #eee; padding: 0; text-align: center;}

		#loadingChart {position: relative; padding: 137px 0 136px 0; margin-bottom: -310px;}
		#loadingPreview {position: relative; padding: 50px 0 50px 0; margin-bottom: -310px;}
		
		#chartOptions {float: right; margin: 6px 4px 0 0; z-index: 1000; position: relative; display: none;}
		#chartOptions .sprite_options {z-index: 1000; position: relative; cursor: pointer;}
		#chartOptions .sprite_options input {border: 0; background-color: transparent !important;}
		#chartOptions ul {display: none; position: absolute; background-color: #ffe; border: 1px solid #ccc; padding: 12px; z-index: 0; list-style-type: none; width: 150px; margin: -23px 0 0 -153px; color: #333; font-weight: normal; border-radius: 5px;}
		#chartOptions ul li {margin-bottom: 3px; font-size: 11px;}
		#chartOptions ul li label {cursor: pointer;}
		#chartOptions ul li input {vertical-align: middle; margin-bottom: 4px; border: 0 !important; background-color: transparent !important;}
		#reportsAll a.newbuttons {font-size: 11px;}
		#reportsChart {z-index: 0; position: relative !important;}
		#rt_chart_frame {width: 100%; height: 305px; border: 0;}
.version-control, .version-control:hover, .f-n {font-weight: normal !important;}

.ui-datepicker-month {font-size: 11px; border: 0;}
.rptSection {border-radius: 5px;}

#rptSettings fieldset .ui-state-highlight {padding: 8px 4px; border: 1px solid #ccc; margin: 5px;}
#rptSettings fieldset {border-radius: 5px;}
.boxcontent.overflow {/* max-height: 190px;  */overflow: auto; margin-bottom: 8px;}

#reportDetails {display: none; border: 1px solid #ccc; padding: 0 10px; background-color: #fff; border-radius: 5px;}
#reportDetails input, #reportDetails select {border: 1px solid #ccc; font-size: 12px; padding: 3px; background-color: #fff; border-radius: 3px;}

#reportDetails h4 {font-weight: normal;}
#reportDetails h4 strong {color: #224d74;}

.gradientGray {background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */}

.gradientOrange a {color: #fff;}
.gradientOrange a:hover, .gradientOrange {
color: #fff !important; margin-left: 0 !important; border-left: 0 !important; cursor: default;
background: rgb(244,203,80); /* Old browsers */
background: -moz-linear-gradient(top, rgba(244,203,80,1) 0%, rgba(237,113,36,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,203,80,1)), color-stop(100%,rgba(237,113,36,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(244,203,80,1) 0%,rgba(237,113,36,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(244,203,80,1) 0%,rgba(237,113,36,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(244,203,80,1) 0%,rgba(237,113,36,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(244,203,80,1) 0%,rgba(237,113,36,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4cb50', endColorstr='#ed7124',GradientType=0 ); /* IE6-9 */}

#alertList {border: 1px solid #ccc; padding: 10px; margin: 0; height: 100px; overflow: auto; padding: 12px 12px 0 15px; background-color: #fff; list-style-type: none; border-radius: 5px 5px 0 0;}
#alertList li {margin-bottom: 5px;}
#alertParams {background-color: #ffe; border: 1px solid #ccc; border-top: 0; padding: 3px 6px; margin-bottom: 5px;}

.paginationGrid tfoot {border-top: 2px solid #cad4e2;}
.paginationGrid tfoot td {padding: 5px 7px; font-weight: bold; background-color: #eff3fc}

#customRptDetails form .boxcontent {border: 1px solid #ccc; background-color: #fff; padding: 12px; margin: 4px; border-radius: 5px;}

#filterColumns {border: 1px solid #ccc; background-color: #fff; border-radius: 5px 5px 5px 5px;}
#filterColumns ol {margin: 0; padding: 5px 5px 5px 8px; list-style-type: none;}
#filterColumns ol li {padding: 3px 0;}

#selectColumns {border: 1px solid #ccc; background-color: #fff; border-radius: 5px 5px 5px 5px; max-height: none; overflow: hidden; margin-bottom: 8px; transition: max-height 0.5s ease-in-out; -webkit-transition: max-height 0.5s ease-in-out}
#selectColumns:hover {max-height: 800px;}
#selectColumns ol {margin: 0; padding: 5px 5px 5px 8px; list-style-type: none;}
#selectColumns ol li {padding: 3px 0; cursor: pointer;}
#selectColumns ol li:hover {background-color: #f0f3f7; color: #449adc;}

/* CUSTOM REPORTING EXPAND/COLLAPSE */
#showHideColumns {float: right; font-size: 10px; border: 1px solid #eee; border-top: 0; margin: -8px 10px 9px 0; padding: 5px 5px 5px 10px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
#showHideColumns:hover {background-color: #f0f3f7;}
#showHideColumns a {text-decoration: none; color: #449adc;}
#showHideColumns a span {float: right;}
.exposeScrollContent {max-height: 110px !important; overflow: auto !important;}

#reportSQLForm {padding: 8px 10px 5px 10px; background-color: #ffe; border: 1px solid #ccc; border-radius: 5px 5px 5px 5px; margin-top: 6px;}
#sqlColumnName {max-width: 300px;}
#scheduleDescription {width: 400px;}
.selectedRow td {background-color: #ffe !important; border: 1px dashed #ccc; border-width: 1px 0;}

.chartSpanRow {height: 400px; width: 100%; margin-bottom: 12px;}
.chartSpanRow .chart { background-color: #fff; height: 400px;}
.chartSpanRow .chartLoading img {margin: 160px auto 20px auto;}

.chartLeft {height: 250px; width: 49%; float: left; margin-bottom: 12px;}
.chartRight {height: 250px; width: 49%; float: right; margin-bottom: 12px;}
.chartRight .chart, .chartLeft .chart {height: 250px; background-color:  #fff;}
.noChart {background-color: #fff; z-index: 10000; background: #fff url(../img/chart_transaction_bg.gif) 50% 50% no-repeat; border-radius: 5px;}
.noDashboardChart {background-color: #fff; z-index: 10000; background: #fff url(../img/chart_reset_bg.gif) 50% 50% no-repeat; border-radius: 5px;}

.chartLoading {text-align: center; font-size: 11px; color: #999;}
.chartLoading img {margin: 90px auto 20px auto;}

#messageReportError {display: none; font: normal 26px/1.4em Tahoma, Geneva, sans-serif; color: #333 !important; padding: 140px 20px;
background-color: #fff; z-index: 10000; background: #fff url(../img/chart_reset_bg.gif) 50% 50% no-repeat; border-radius: 5px; }

.noChart p, .noDashboardChart p {margin-top: 100px; text-align: center;}
.noChart .chart, .noDashboardChart .chart {display: none;}
#reportNote {text-align: right; float: right; color: #777; font-size: 11px;}

#rptDashboard .chart {border: 1px solid #cad4e2; border-radius: 8px;}
#statisctics table {margin-right: auto; margin-left:auto; margin-top: -5px;}
#statisctics table div {border: 1px solid #e4e4e4; border-radius: 5px; background-color: #fff;}
#statisctics table tr td {text-align: center; width: 16.6%; padding: 5px 5px 0 5px;}
#statisctics table tr td strong {font-family: Arial, Helvetica, sans-serif; font-size: 2.75em; border: 0; line-height: 1.5em; font-weight: bold; color: #19aa60; text-shadow: 1px 1px 1px #ccc; text-decoration: none; opacity: 0;}
#statisctics table tr td p {font-size: 11px; background-color: #eee; border-top: 1px solid #e4e4e4; padding: 5px 0; color: #666;}
#scheduledCount {cursor: pointer;}

/* Reporting Settings*/
#dialog-emaillist {white-space: normal;}

/* DARKER MODAL SECOND DIAG STRIPPED */
.ui-widget-overlay {background: black; filter: alpha(opacity = 50); left: 0; opacity: 0.5; position: absolute; top: 0;}
.ui-widget-overlay {background-image: url(../img/bg_modal.png); background-color: #333;}

/* REMOVE newInputs GLOBAL UPDATE */
select,  input,  textarea {border: 1px solid #ccc !important; font-size: 12px !important; padding: 3px; background-color: #fff !important; border-radius: 3px !important;}
label {display: inline-block;}
input[type="checkbox"],  input[type="radio"] {border: 0 !important; vertical-align: middle;}

/* FORMS WITH ERROR */
.newInputs .error .utfError {width: auto !important;}

/* SMALLER BUTTONS NEW */
fieldset .newbuttons {margin: 3px;}
fieldset .newbuttons small {font-weight: normal; font-size: 11px;}
a.newbuttons .ui-icon {display: block; margin-bottom: -3px; float: left;}
a.newbuttons {color: #224d74; vertical-align: middle;}
a.newbuttons:hover {border-color: #3e79ae;}
a.newbuttons:active {color: #ed7124 !important;}
a.newbuttons.disabled:link, 
a.newbuttons.disabled:visited, 
a.newbuttons.disabled:hover, 
a.newbuttons.disabled:active {border: 1px solid #ccc; background-color: #eee; background-image: none; color: #ccc !important; cursor: help;}

@media screen and (min-width: 1025px) { 
	#wrapper, #footer, #widefooter, #fairlywidefooter, #verywidefooter, #footerpop, #hiddenfooter, #widehiddenfooter, #hiddenfooterpop, #fairlywidehiddenfooter {width: 95%;}
	#paginationGrid, .dataTable {width: 100% !important;}
}
@media screen and (max-width: 1024px) { 
	#paginationGrid, .dataTable {width: auto !important;}
}
/* UPDATED WIDTHS FOR ABOVE */
#sectionleft {width: 49%;}
#sectionright {width: 49%; margin-left: 2%;}

#sectionleft2 {width: 59%;}
#sectionright2 {width: 39%; margin-left: 2%;}

#sectionleft3 {width: 54%; float: left;}
#sectionright3 {width: 44%; margin-left: 2%;}

/* MERCHANT CREATE & UPDATE SCREEN */
#merchantCategory {background-color: #fff; overflow: auto; height: 200px; padding: 5px; border: 1px solid #ccc;}
#merchantCategory label {display: block; margin: 0 0 0 20px;}
#merchantCategory strong {display: block; margin: 5px 0 0 -20px;}
.widden {width: 100%;}
table #merName { size: 100; }

/* PROMO CHECKLIST */
#checklist input[type="text"], #checklist input[type="number"] {width: 100%;}
#checklist select, #checklist textarea, #categoryId {width: 100%;}

.notes {background-color: #f0f3f7; padding: 5px; border: 1px dashed #e4e4e4; border-radius: 5px;}

/* SPINNING OBJECT EFFECT 2013 - APPLY TO ANY HOVER */
.spinner {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden;}         
.spinner:hover {-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg);}       

.ui-icon-inline {display: inline-block;}
#brandSection label {margin-top: 5px; display: inline-block; float: left;}
#brandError {font-size: 11px;}
.associated {border: 1px solid #FFA6A8 !important; cursor: help;}

.roundbox {padding: 8px 10px 10px 10px; background-color: #ffe; border: 1px solid #ccc; border-radius: 5px 5px 5px 5px; margin-top: 6px;}
.roundboxsmall {padding: 8px 10px 10px 10px; background-color: #ffffff; border: 1px solid #ccc; border-radius: 5px 5px 5px 5px; margin-top: 6px;}

.formzebra input[type=text], 
.formzebra textarea {width: 95%;}
.formzebra tr:nth-child(even) {background-color: #fff;}
.formzebra tr td:first-child {padding-left: 8px !important;}
.formzebra tr td {border-bottom: 1px dashed #eee; padding: 9px 0 !important;}
.formzebra tr:last-child td {border-bottom: 0;}

#buttonspage a.newbuttons {margin-right: 0.5em;}
#buttonspage select#seqstep {margin-right: 0.5em; max-width: 200px;}

.navigation {border: 1px solid #b1bfcf; padding: 20px; background-color: #fff; font-size: .75em; margin: 0 0 1em 0;}
.navigation a {margin-right: 0.5em;}

/* DATE TIME PICKER STYLES */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

/* alert and confirm dialog box */
.dialog-message {margin: 0.5em 0 0 0; text-align: left; line-height: 1.75em; color: #d20a0a; font-weight: bold;}
.dialog-message .ui-icon {display: inline-block; vertical-align: middle;}

/* live promo warning */
#livePromoWarning {position: fixed; top: 0; width: 100%; z-index: 1001; border-left: none; border-top: none; border-right: none; box-shadow: 0 -2px 5px 6px rgba(0,0,0,0.4);}

.mid-align {vertical-align: middle !important;}
/* vertically and horizontally align the loading spinner. Parent needs to have position: relative */
.loaderParent {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.buttonListNavigation {text-align: center !important;}

.clearfix:after {content: ""; display: table; clear: both;}

/* error, success messages */
.notification {display: none; position: fixed; width: 98%; margin: 0 0 1em 0; padding: 1em; color: #fff; font-size: 12px; border: 1px solid #fff !important; text-align: center; box-shadow: 0 -2px 5px 6px rgba(0,0,0,0.4); z-index: 1001}
.notification.success {background-color: #30ca71;}
.notification.fail {background-color: #ca3b30;}
.notification.caution {background-color: #ed7124;}
.notification.strong {font-weight: bold;}
.notification-close {position: relative; float: right; color: #fff !important; text-decoration: none; font-weight: bold;}
.extraNotification {position: absolute; z-index: 1001; opacity: 0.75; background-color: #555; height: 100%; width: 100%; display: none;}

div.imagePreviewHidden {display: none;}
div.imagePreview {margin-bottom: 1em; display: block; width: 300px; height: auto;}
div.imagePreview img {max-width: 150%;}
div.imagePreview span {display: none; position: absolute; padding: 5px 8px; background-color: #000; color: #fff; opacity: 0.5; font-size: 14px; text-align: center; width: auto !important;}
div.imagePreview:hover span {display: block;}
.actions {margin: 1em 0 0 0;}

.dataTable .datatable-icon:not(:first-child) {margin-left: 0.5em}
.dataTable .datatable-icon .ui-icon {display: inline-block;}
.dataTable .nowrap {white-space: nowrap;}
.dataTable .narrow {width: 20px !important;}

/* loadmask styles */
.loadmask {z-index: 20000; position: absolute; top:0; left:0; background-color: #fff; -moz-opacity: 0.75; opacity: 0.75; filter: alpha(opacity=75); width: 100% !important; height: 100% !important; zoom: 1; cursor:wait;}
.loadmask-msg {z-index: 20001; position: absolute; /* transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  *//* max-width: 128px; */ border-radius: 5px;}
.loadmask-msg div {line-height: 16px; color:#ed7124; font: normal 24px tahoma, arial, helvetica, sans-serif; cursor:wait; /* padding: 20px; */}
.loadmask-msg img {width: auto; width: 100px;}
.masked {overflow: hidden !important;}
.masked-relative {position: relative !important;}
.masked-hidden {visibility: hidden !important;}
.loadmask-msg div  {font-size: 20px; margin: 100px auto; width: 1em; height: 1em; border-radius: 50%; position: relative; /* text-indent: -9999em; */ text-indent: -0.75em; -webkit-animation: spinner 1.3s infinite linear; animation: spinner 1.3s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);}
@-webkit-keyframes spinner {
  0%,
  100% {box-shadow: 0 -3em 0 0.2em #ffffff, 2em -2em 0 0em #ffffff, 3em 0 0 -1em #ffffff, 2em 2em 0 -1em #ffffff, 0 3em 0 -1em #ffffff, -2em 2em 0 -1em #ffffff, -3em 0 0 -1em #ffffff, -2em -2em 0 0 #ffffff;}
  12.5% {box-shadow: 0 -3em 0 0 #ffffff, 2em -2em 0 0.2em #ffffff, 3em 0 0 0 #ffffff, 2em 2em 0 -1em #ffffff, 0 3em 0 -1em #ffffff, -2em 2em 0 -1em #ffffff, -3em 0 0 -1em #ffffff, -2em -2em 0 -1em #ffffff;}
  25% {box-shadow: 0 -3em 0 -0.5em #ffffff, 2em -2em 0 0 #ffffff, 3em 0 0 0.2em #ffffff, 2em 2em 0 0 #ffffff, 0 3em 0 -1em #ffffff, -2em 2em 0 -1em #ffffff, -3em 0 0 -1em #ffffff, -2em -2em 0 -1em #ffffff;}
  37.5% {box-shadow: 0 -3em 0 -1em #ffffff, 2em -2em 0 -1em #ffffff, 3em 0em 0 0 #ffffff, 2em 2em 0 0.2em #ffffff, 0 3em 0 0em #ffffff, -2em 2em 0 -1em #ffffff, -3em 0em 0 -1em #ffffff, -2em -2em 0 -1em #ffffff;}
  50% {box-shadow: 0 -3em 0 -1em #ffffff, 2em -2em 0 -1em #ffffff, 3em 0 0 -1em #ffffff, 2em 2em 0 0em #ffffff, 0 3em 0 0.2em #ffffff, -2em 2em 0 0 #ffffff, -3em 0em 0 -1em #ffffff, -2em -2em 0 -1em #ffffff;}
  62.5% {box-shadow: 0 -3em 0 -1em #ffffff, 2em -2em 0 -1em #ffffff, 3em 0 0 -1em #ffffff, 2em 2em 0 -1em #ffffff, 0 3em 0 0 #ffffff, -2em 2em 0 0.2em #ffffff, -3em 0 0 0 #ffffff, -2em -2em 0 -1em #ffffff;}
  75% {box-shadow: 0em -3em 0 -1em #ffffff, 2em -2em 0 -1em #ffffff, 3em 0em 0 -1em #ffffff, 2em 2em 0 -1em #ffffff, 0 3em 0 -1em #ffffff, -2em 2em 0 0 #ffffff, -3em 0em 0 0.2em #ffffff, -2em -2em 0 0 #ffffff;}
  87.5% {box-shadow: 0em -3em 0 0 #ffffff, 2em -2em 0 -1em #ffffff, 3em 0 0 -1em #ffffff, 2em 2em 0 -1em #ffffff, 0 3em 0 -1em #ffffff, -2em 2em 0 0 #ffffff, -3em 0em 0 0 #ffffff, -2em -2em 0 0.2em #ffffff;}
}
@keyframes spinner {
  0%, 100% {box-shadow: 0 -3em 0 0.2em #ed7124, 2em -2em 0 0em #ed7124, 3em 0 0 -1em #ed7124, 2em 2em 0 -1em #ed7124, 0 3em 0 -1em #ed7124, -2em 2em 0 -1em #ed7124, -3em 0 0 -1em #ed7124, -2em -2em 0 0 #ed7124;}
  12.5% {box-shadow: 0 -3em 0 0 #ed7124, 2em -2em 0 0.2em #ed7124, 3em 0 0 0 #ed7124, 2em 2em 0 -1em #ed7124, 0 3em 0 -1em #ed7124, -2em 2em 0 -1em #ed7124, -3em 0 0 -1em #ed7124, -2em -2em 0 -1em #ed7124;}
  25% {box-shadow: 0 -3em 0 -0.5em #ed7124, 2em -2em 0 0 #ed7124, 3em 0 0 0.2em #ed7124, 2em 2em 0 0 #ed7124, 0 3em 0 -1em #ed7124, -2em 2em 0 -1em #ed7124, -3em 0 0 -1em #ed7124, -2em -2em 0 -1em #ed7124;}
  37.5% {box-shadow: 0 -3em 0 -1em #ed7124, 2em -2em 0 -1em #ed7124, 3em 0em 0 0 #ed7124, 2em 2em 0 0.2em #ed7124, 0 3em 0 0em #ed7124, -2em 2em 0 -1em #ed7124, -3em 0em 0 -1em #ed7124, -2em -2em 0 -1em #ed7124;}
  50% {box-shadow: 0 -3em 0 -1em #ed7124, 2em -2em 0 -1em #ed7124, 3em 0 0 -1em #ed7124, 2em 2em 0 0em #ed7124, 0 3em 0 0.2em #ed7124, -2em 2em 0 0 #ed7124, -3em 0em 0 -1em #ed7124, -2em -2em 0 -1em #ed7124;}
  62.5% {box-shadow: 0 -3em 0 -1em #ed7124, 2em -2em 0 -1em #ed7124, 3em 0 0 -1em #ed7124, 2em 2em 0 -1em #ed7124, 0 3em 0 0 #ed7124, -2em 2em 0 0.2em #ed7124, -3em 0 0 0 #ed7124, -2em -2em 0 -1em #ed7124;}
  75% {box-shadow: 0em -3em 0 -1em #ed7124, 2em -2em 0 -1em #ed7124, 3em 0em 0 -1em #ed7124, 2em 2em 0 -1em #ed7124, 0 3em 0 -1em #ed7124, -2em 2em 0 0 #ed7124, -3em 0em 0 0.2em #ed7124, -2em -2em 0 0 #ed7124;}
  87.5% {box-shadow: 0em -3em 0 0 #ed7124, 2em -2em 0 -1em #ed7124, 3em 0 0 -1em #ed7124, 2em 2em 0 -1em #ed7124, 0 3em 0 -1em #ed7124, -2em 2em 0 0 #ed7124, -3em 0em 0 0 #ed7124, -2em -2em 0 0.2em #ed7124;}
}

/* magicbox styles */
.magicbox-dragging {opacity: 0.4;border-style: dashed;}
.magicbox-resizing {border-style: dashed; opacity: 0.4;}

/* ace editor styling */
.ace_editor.ace-github {border: 1px solid #eee; border-radius: 3px;}

/* jQUERY UI Override 2016 */
.ui-widget {font-family: Arial,Lucida Grande,Lucida Sans,sans-serif; font-size: 12px;}
.ui-widget button {font-family: Arial,Lucida Grande,Lucida Sans,sans-serif;}
.ui-dialog-titlebar {text-align: left;}
.ui-dialog-content {white-space: pre-line;}
.ui-widget-overlay {background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; position: fixed !important;}

.badChars {display: none;}

#overall-campaign-limit-dialog {
	color: red;
    font-weight: bold;
}

a#reportSowDownload {
	text-decoration: none;
}

.html-preview-dialog .ui-dialog-titlebar a{
    display: block;
}

.html-preview-dialog .ui-dialog-content {
    height: 60vh !important;
}

.btn-disabled {
	border: 1px solid #ccc;
    background-color: #eee;
    background-image: none;
    color: #ccc !important;
	pointer-events: none;
}

.non-ascii-error-container {
	margin: 10px 0;
	background: #e7e7e7;
    padding: 15px;
    width: 415px;
	border-radius: 5px;
}

.non-ascii-quote {
    padding: 3px;
    display: inline-block;
}

.non-ascii-evil {
    background: #ffb4b4;
    color: red;
}