body{ background-color:#ececec; color:#000; margin:0; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:1.5em; min-width:980px; }
body.narrow{ width:640px; }

/* general tag styles */
h1,h2,h3,h4,h5,h6,p{ font-weight:normal; margin:0.5em 0; }
h1{ font-size:2em; }
h2{ font-size:1.8em; }
h3{ font-size:1.6em; }
h4{ font-size:1.4em; }
h5{ font-size:1.2em; }
h6{ font-size:1em; }

ul{ list-style-type:none; margin:0; padding:0; }
li{ margin:0.5em 0; }

table{ border-collapse:collapse; width:100%; background-color:#fff; }
th,td{ padding:.5em; border:1px solid #eee; text-align:left; vertical-align:top;  }
th{ background-color:#eee; border-color:#ddd; color:#666; font-weight:normal; }

form{ margin:0; padding:0; }
fieldset{border-style:none; margin:0; padding:0;}

/* main page structure */

#fsBar{position:relative; height:28px; margin-bottom:1em; background-color:#363636; border-bottom:1px solid #363636;}
#fsBar a{ color:#fff; text-decoration:none; }
#logoLink{display:block; float:left; width:104px; height:29px; background:transparent url('../../../images/admin_ui/2.0/fslogo.svg') 8px 5px no-repeat; background-size: 89px; text-indent:-9999px; }
#liveSiteLink{position:absolute; right:10px; top:4px; font-weight:bold; }
#pageStatusBar{ float:left; margin-top:6px; }
#fsBar .pagestatus{ display:none; float:left; margin-right:4px; margin-top:5px; }
#fsBar #pagestatus_bl{ margin-top:5px; }
#pagepublish,#savelinkdiv{float:left; display:none;}
#pagepublish a,#savelinkdiv a{ background:#149BC7;padding:2px 6px;font-weight:bold;margin:-3px 4px 0; text-shadow:1px 1px 0px #555; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
#pagepublish a:hover {
	background-color: #0E8AB3;
}
#savelinkdiv a {
	background-color: #5BB75B;
}
#savelinkdiv a:hover {
	background-color: #53A753;
}

#adminTabs, #moduleTabs{
	position:absolute;
	right:0;
	top:0;
}

#moduleTabs{
	display:none;
}

#adminTabs li, #moduleTabs li{
	display: inline;
}

#adminTabs li a,#moduleTabs li a{
	display: block;
	float: left;
	background-color: rgba(0, 0, 0, 0);
	color: #DADADA;
	text-decoration: none;
	margin: 3px 0 0 3px;
	padding: 5px 9px 5px;
	text-transform: capitalize;
	border-radius: 3px 3px 0 0;
}

#adminTabs li a.top_on,
#moduleTabs li a.tab_on {
	background-color:#fff;
	color: #149bc7;
	font-weight:bold;
}

#adminTabs li a:hover,#moduleTabs li a:hover {
	color: #FFF;
	-webkit-transition: all 500ms ease-out .15s;
    -moz-transition: all 500ms ease-out .15s;
    -o-transition: all 500ms ease-out .15s;
    transition: all 500ms ease-out .15s;
}

#adminTabs li a#logoutBtn {
	padding:2px 12px 2px 24px;
	background: transparent url('../../admin_ui/2.0/logout.png') 4px 3px no-repeat;
}

#adminTabs li a#logoutBtn:hover{
	background-color:#fff;
}

#adminTabs a#dashboard {
	padding:2px 0 2px 0;
	background: url('../../../images/admin_ui/2.0/dashboard.png') no-repeat transparent center center;
	color: transparent;
	text-indent: -9999px;
	width: 18px;
	height: 22px;
	padding: 0px 4px 4px 4px;
}

#adminTabs a#dashboard:hover, #adminTabs a#dashboard.top_on {
	opacity: 1;
}

#adminTabs a#dashboard.top_on {
	background-color: #6F6F6F;
}

#adminTabs a.top_on:hover {
	color: #149BC7;
}

#adminTabs a#bookmark, #adminTabs a#logOff {
	background-color:transparent;
	padding:2px 3px 2px 6px;
	margin-top:4px;
	opacity: .8;
}

#adminTabs a#logOff {
	padding:2px 6px 2px 3px;
}

#adminTabs a#bookmark:hover, #adminTabs a#logOff:hover {
	opacity: 1;
}


#leftFrame{ float:left; width:190px; margin:5px; }
#leftFrame.wide{ width:400px; }

#mainFrame{ float:left; margin:5px; width:550px; }
#mainFrame.wide{ width:750px; margin:5px; }
#mainFrame.full{ width:970px; }

#rightFrame{ float:left; margin:5px; width:190px; }
#rightFrame.wide{ width:400px; }

/* main tab bar */
#subBar{height:30px;padding:10px 0 0 10px;background:#cdcdcd url("../images/subTabBg.gif") bottom center repeat-x;border-bottom:1px solid #ccc;}

#subBar a{position:relative;background-color:#d8d8d8;color:#777;text-decoration:none;display:block;float:left;margin-right:5px;border-color:#ccc;border-style:solid;border-width:1px 1px 0 1px;padding:7px 15px 6px;line-height:16px;font-weight:bold;text-transform:uppercase;-moz-border-radius-topleft:.5em;-moz-border-radius-topright:.5em;-webkit-border-top-left-radius:.5em;-webkit-border-top-right-radius:.5em;border-top-left-radius:.5em;border-top-right-radius:.5em;}

#subBar a:hover{ color:#900; }
#subBar a.on{ color:#900; top:1px; background-color:#ececec;}

/* standard data table columns - experimental */
.checkBoxCol{ width:2.5em; }
.selectCol{ width:24px; }
.itemTitleCol{ width:28em; }
.dateCol{ width:12em; }
/*------------------------*/

#mainHeader h1{ font-size:2em; font-weight:normal; text-transform:uppercase; color:#333; }

a, a:visited{ color:#0d3d64; outline:none; }
a.disabled{ color:#cccccc; cursor: default; }

a img{border:0;}

input.disabled{ background-color:#cccccc; }

hr{ border-style:none; background-color:#ccc; height:2px; }


/* .rowHightlight has been depracated, use .itemList instead */
table.rowHighlight td{ background-color:red; border:6px dotted purple; }

/*add zebra striping*/
table.itemList tr:nth-child(even) { background-color:#eee; }
table.itemList tr:nth-child(even) td { border-right-color:#ddd; }

table.itemList tr:hover td{ background-color:#FFF77F; }  /* hilight table rows on hover */
.itemListTitle{ font-size:1.25em; }
.itemListInfo{ font-size:0.82em; color:#666; }
.itemListInfo a{ color:#666; }

.hdrFilter, .hdrFilter:visited{ color:#990033; background:transparent url('../images/bullet_magnifier.png') left top no-repeat; padding-left:16px; text-decoration:none; cursor:pointer; }

.weak{ color:#666; }
.inactive{opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50); cursor:default;}

.hide, .dialog{ display:none; }
.required{ color:#990033; font-weight:bold; }



/* inline messaging styles */
.helpMsg{background-color:#d0ebf1;margin:1em 0.5em;padding:0.5em 1em;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}

.warnMsg{background:#ffffaf url('../images/error.png') 4px 4px no-repeat;border:2px dashed #C0B900;padding:.5em .5em .5em 26px;margin:.5em;font-weight:bold;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.alertMsg{background:#F02 url('../images/exclamation.png') 4px 4px no-repeat;color:#fff;border:2px dashed #B30000;padding:.5em .5em .5em 26px;margin:.5em;font-weight:bold;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.alertMsg a{ color:#fff; }
.feedbackMsg{background-color:#262622;color:#fff;padding:.5em 1em;margin:.5em;font-weight:bold;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.feedbackMsg a{ color:#fff; }


/* icon and button styling */
.iconBtn{
	background:transparent url('../images/button.png') top left no-repeat;
	background-color:transparent !important;
	border-style:none;
	width:16px; height:16px;
	margin:0 4px;
	text-align:left;
	text-indent:20px;
	overflow:hidden;
	cursor:pointer;
	display:inline-block;
	white-space:nowrap;
	vertical-align:text-bottom;
}

.iconLink,.iconLink.inactive:hover{
	display:inline-block;
	background-color:#ddd;
	color:#003158 !important;
	line-height:1;
	margin-bottom:0.5em;
	padding:.3em .5em .3em 26px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	text-decoration:none;
	background-position: 4px center;
	background-repeat: no-repeat;
	text-shadow:none;
	font-weight:normal;
	font:inherit; /*this should fix any buttons that it gets applied to*/
	border-style:none;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	transition: background-color .2s;
}

.iconLink:hover,.iconLink.on{ background-color:#395778; color:#fff !important; text-decoration:none !important; }

.iconBtnNone{ padding-left:.75em; }

.iconBtnAdd,.iconBtnAdd.inactive:hover{ background-image:url('../images/add.png'); background-color:#CBF3BD; color:#008000 !important; }
.iconBtnAdd:hover{ background-color:#008000; color:#fff !important; }

.iconBtnSave,.iconBtnSave.inactive:hover{ background-image:url('../images/accept.png'); background-color:#CBF3BD; color:#008000 !important; }
.iconBtnSave:hover{ background-color:#008000; color:#fff !important; }

.iconBtnDelete, .iconBtnDelete.inactive:hover { background-color: #EDDDDD; background-image: url("../images/cross.png"); color: #990000 !important;}

.iconBtnTrash,.iconBtnTrash.inactive:hover{background-image:url("../images/trashcan.png"); background-color:#eddddd; color:#900 !important;}
.iconBtnDelete:hover, .iconBtnTrash:hover{ background-color:#990000; color:#fff !important;}

.iconBtnCancel{ background-image:url('../images/cross_gray.png'); }
.iconBtnLock{ background-image:url('../images/lock.png'); }
.iconBtnEdit{ background-image:url('../images/pencil.png'); }
.iconBtnCut{ background-image:url('../images/cut.png'); }
.iconBtnChart{ background-image:url('../images/chart_pie.png'); }
.iconBtnMerge{ background-image:url('../images/arrow_merge.png'); }
.iconBtnCog{ background-image:url('../images/cog.png'); }
.iconBtnView{ background-image:url('../images/application_view_gallery.png'); }
.iconBtnGroup{ background-image:url('../images/group.png'); }
.iconBtnLink{ background-image:url('../images/link.png'); }
.iconBtnCopy{ background-image:url('../images/page_copy.png'); }
.iconBtnMove{ background-image:url('../images/move.png'); }
.iconBtnBack{ background-image:url('../images/arrow_left.png'); }
.iconBtnSchedule{ background-image:url('../images/time.png'); }
.iconBtnPrint{ background-image:url('../images/printer.png'); }
.iconBtnImport{ background-image:url('../images/application_get.png'); }
.iconBtnExport{ background-image:url('../images/application_go.png'); }
.iconBtnWarn{ background-image:url('../images/error.png'); }
.iconBtnFolder{ background-image:url('../images/folder.png'); }
.iconBtnEmail{ background-image:url('../images/email.png'); }
.iconBtnList{ background-image:url('../images/table.png'); }
.iconBtnRefresh { background-image: url('../images/arrow_refresh.png'); }
.iconBtnMobileWarn { background-image: url('../images/mobile_warning.png'); }
.iconBtnJump{ background-image: url('../images/bullet_go.png'); opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }
.iconBtnJump:hover{opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100);}

/* loading icon */
.iconBtnWaiting{ background-image:url('../images/loading_circles.gif'); background-color:transparent; color:#666 !important; cursor:default; }
.iconBtnWaiting:hover{ background-color:transparent; color:#666 !important; }

/* file type icons */
.iconBtnVideo{ background-image:url('../images/film.png'); }
.iconBtnImages{ background-image:url('../images/images.png'); }
.iconBtnSound{ background-image:url('../images/sound.png'); }

/* this should be replaced, being used for "sortable view" in eNotify */
.iconBtnMultiple{ background-image:url('../images/table_multiple.png'); }

/* Need buttons
publish
calendar
archive?
*/

/* view buttons */
.iconBtnDash{
	background-color: #BAE2F7;
	background-image: url("../images/application_view_detail.png");
	color: #003158 !important;
}

.iconBtnTab{
	background-color: #BAE2F7;
	background-image: url("../images/tab_go.png");
	color: #003158 !important;
}

.iconBtnGallery{
	background-color: #BAE2F7;
	background-image: url("../images/application_view_tile.png");
	color: #003158 !important;
}


/* handle icons */
/*
	draggable
	resizeable - horizontal
	resizeable - vertical
*/

.iconLink:active{ -moz-transform:translate(1px,1px); -webkit-transform:translate(1px,1px); transform:translate(1px,1px); }
.iconLink.inactive:active{ -moz-transform:translate(0px,0px); -webkit-transform:translate(0px,0px); transform:translate(0px,0px); }


/* table headers */
a.sortColumn{background:url("../images/bullet_arrow_down.png") center center no-repeat; float:right;text-indent:-9999px;width:14px;height:14px; opacity:0.4;}
th:hover a.sortColumn{ opacity:1; }
th:hover a.sortColumnUp{ opacity:1; }
th.sorted{ background-color:#ddd; }
th.sorted a.sortColumn{ opacity:1; }
th.sorted a.sortColumnUp{ opacity:1; }
a.sortColumnUp{background:url("../images/bullet_arrow_up.png") center center no-repeat; float:right;text-indent:-9999px;width:14px;height:14px; opacity:0.4;}


/*
The moduleBar is used as a header for a top-level item that has been selected from a list.
(Ex: A form or mailing list that has be accessed through a dashboard list)
It should contain the Name of the item, with an "edit" link to rename, and any top level controls that would be performed on the item such as clone,delete,save as template,etc.

*/
#moduleBar{ position:relative; width:760px; margin:1em 0 0 .5em; padding:0 .5em; }
#moduleBar h1,#moduleBar h2,#moduleBar .moduleBarTitle{ font-size:20px; margin:0; font-weight:normal; line-height:1.2; }
.moduleBarTitle .iconLink{ font-size:11px; }
.moduleBarControls{ margin:0.5em 0 0; }

#leftFrame a{ color:#990033; text-decoration:none; }

/* stand alone frame buttons */
a.btnLink, .btnLink {
	background-color:#ddd;
	color: #003158 !important;
	display: block;
	margin: 1em 0;
	padding: .5em 1em;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	transition: background-color .2s;
}

a.btnLink:hover, a.btnLink.on{ background-color:#395778; color:#fff !important; }

/*a.addLink{ display:block; text-align:right; font-weight:bold; color:#990033; text-decoration:none;}*/

a.subListOn{ font-weight:bold; }


.mainFrameOptions{ text-align:right; font-weight:bold; padding:.5em; }
/*.mainFrameOptions a{ color:#990033; text-decoration:none; }
.mainFrameOptions a:hover{ text-decoration:underline; }*/

.mainGroup{ background-color:#ffffff; /*border:1px solid #d0d0d0;*/ padding:.5em; margin-bottom:10px; clear:both;
	-moz-border-radius:4px; -moz-box-shadow:0px 2px 4px rgba(0,0,0,.125);
	-webkit-border-radius:4px; -webkit-box-shadow:0px 2px 4px rgba(0,0,0,.125);
	border-radius:4px; box-shadow:0px 2px 4px rgba(0,0,0,.125);
}

.mainGroup.zoomed{
    position:absolute; z-index:9999;
    top:0; left:0; width:100%; height:100%;
}

.mainGroup.zoomed .collapseTool{ display:none; }

.mainGroupTitle{color:#900; font-weight:bold; padding:.5em .75em; position:relative; margin:0;
	text-shadow:1px 1px 0 #eee; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	background-color:#ececec; font-size:1.09em;
}
.mainGroupTitleControls{ display:inline; margin-left:0.5em; padding-left:0.5em; border-left:1px dotted #666; font-size:0.83em; font-weight:normal; }
.mainGroupTitleControls .iconLink{ margin-bottom:0; }

.groupTools{ float:left; color:#333; font-weight:normal; }
.groupTools span{ cursor:pointer; }


.collapseTool{display:inline-block;width:14px;background:transparent url('../images/bullet_arrow_down.png') -4px center;text-indent:-9999px;}
.collapseTool.closed{background-image:url('../images/bullet_arrow_right.png');}

.dropZone{background-color:#eee; padding:0.5em 1em; border:2px dashed #ccc; border-radius:4px;}

.groupOptions{ padding:.5em 0; position:relative; min-height:2em;}
.groupOptions a{ /*color:#990033;*/ text-decoration:none; }
.groupOptions a:hover{ text-decoration:underline; }

.listPager{
	position:absolute;
	right:0; bottom:-0.5em;
	background-color: #eee;
	border-width:1px 1px 0 1px;
	border-color:#ddd;
	border-style:solid;
	color: #666;
	padding: 0.5em 1em;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.listPager_bottom{
	position:absolute;
	right:0; top:-0.5em;
	background-color: #eee;
	border-width:0 1px 1px 1px;
	border-color:#ddd;
	border-style:solid;
	color: #666;
	padding: 0.5em 1em;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.listFunctions{display:inline-block;border-left:1px solid #ccc;margin:-0.75em -1em -0.75em 0.5em;padding:0.75em 1em 0.75em 0.5em;}
.listFunctions:hover{background-color:#395778;}
.listFunctions:hover .listFunctionsMenu{display:block;}
.listFunctionsMenu,.listFunctionsSubMenu{position:absolute;right:0;display:none;margin-top:0.5em;border:1px solid #888;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;box-shadow:1px 1px 6px rgba(0,0,0,0.5);z-index:999;}
.listFunctionsMenu li,.listFunctionsSubMenu li{margin:0;padding:0;}
.listFunctionsMenu .iconLink{display:block;border-top:1px solid #eee;border-bottom:1px solid #ccc;margin:0;padding:.75em .75em .75em 26px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
.listFunctionsBtn{display:inline-block;width:16px;height:16px;margin-left:0.5em;background:transparent url('../images/toggle_arrow_down.png') no-repeat;text-indent:-9999px;}
.listFunctionsSub{position:relative;}
.listFunctionsSub:hover .listFunctionsSubMenu{display:block;}
.listFunctionsSubMenu{right:-5em;top:0;margin-top:0;}


.inputGroup{ margin:0 1em 1em; clear:both; position:relative;}
.columnRow .inputGroup{ margin-right:0; }
.inputGroup label[for]{ font-weight:bold; }
.inputGroupDesc{ font-style:italic; }

/*.leftLabel label,.inputGroup label.leftLabel{display:block;float:left;width:100px;text-align:right;padding:2px 4px;} */

.inputGroup.leftLabel{ margin-left:11em; }
.inputGroup.leftLabel label[for]{ float:left; margin-left:-11em; text-align:right; width:10em; }

.mainGroupButton,a.mainGroupButton{background-color:#990000;color:#fff;border-style:none;padding:0.3em .5em;margin:.5em 0px;text-decoration:none;cursor:pointer;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}



.subGroup{  margin:.5em 0; clear:both; }
.subGroupTitle, h3.subGroupTitle{ font-size:1.09em; margin:0 0 0.5em; padding:0.5em 0; font-weight:bold; border-bottom:1px solid #666; }
.subGroupTitleControls{ text-align:right; }

.groupButtons{ text-align:left; margin-top:1em; }

/*
	.subGroupButton should be removed
	- buttons should be just input elements in a .groupButtons div

*/
.subGroupButton, .groupButtons input{ background-color:#990000; color:#fff; border-style:none; padding:.3em .5em; margin:.5em 0px; cursor:pointer; -moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;}

/*
	.scrollBox is DEPRACATED
	Set these attributes on the class or id for the element itself
	The red dotted border is a warning, remove the the class from the element
	original values: .scrollBox{ max-height:150px; overflow:auto; }
*/
.scrollBox{ border:4px dotted red !important; }
/*------------------------------------------------*/

.mainGroupFooter{ border-top:1px solid; }

ul.multiSelect{ list-style-type:none; margin:0; padding:0; height:125px; overflow:auto; border-bottom:1px solid; }

.checkBoxList{ position:relative; padding-left:2.5em; }
.checkBoxList input[type="checkbox"]{ position:absolute; left:0px; margin-top:0px; }

.optionBox{ position:relative; padding-left:10em; margin:1em .5em; }
.optionBoxTitle{ position:absolute; left:0; width:10em; font-weight:bold; text-align:right; }
.optionBoxGroup{ border-left:1px solid gray; padding-left:.5em; margin-left:.5em; list-style-type:none; }
.optionBoxGroup ul{ list-style-type:none; margin:0; padding:0; }

/* toggleGroup will also get the autoswapping function */
.toggleGroup .subGroup{ display:none; }

/* Column definitions*/

/* this is the old, less flexible, column style */
.columnGroup{width:100%;clear:both;}
.column_auto{ width:auto; float:left; margin-right:1em; }
.column_2{ width:50%; float:left; }

/*
	This is the new and improved column style
	It is based on a 12 column grid which can be broken up into different combinations.
	The number in the class name indicates how many columns it takes up in the grid so...
	a 2 column grid with a 50/50 split would be .col_6 + .col_6
*/
.columnRow{width:100%;clear:both;overflow:hidden;}
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11{
	margin-right:3.8%;float:left;min-height:1px;padding:0;
}
.col_1{width:4.85%;}
.col_2{width:13.45%;}
.col_3{width:22.05%;}
.col_4{width:30.75%;}
.col_5{width:39.45%;}
.col_6{width:48%;}
.col_7{width:56.75%;}
.col_8{width:65.4%;}
.col_9{width:74.05%;}
.col_10{width:82.7%;}
.col_11{width:91.35%;}
.col_12{width:100%;float:left;}
.last{margin-right:0px;}


/* Dialog specific content styles */
.dialog .mainGroup{ border-style:none; box-shadow:none; padding:0; }
.dialog .mainGroupTitle{ background:transparent; padding:0 0 0.5em; border-bottom:1px solid #ccc; border-radius:0; }
.dialog .subGroup{ }
.dialog .inputGroup.leftLabel{ margin-left:8em; }
.dialog .inputGroup.leftLabel label[for]{ float:left; margin-left:-8em; text-align:right; width:7em; }


/*
	fsListAdd styles
*/

ul.fsAddListTarget{position:relative;list-style-type:none;margin:0;padding:0;}
ul.fsAddListTarget li{position:relative;margin:.5em 0;padding-left:2.2em;list-style-type:none;cursor:default;}
ul.fsAddListTarget li:hover .listControls{display:block;}
ul.fsAddListTarget li.off{color:#999999;text-decoration:line-through;}
ul.fsAddListTarget li.off .iconBtnView{background-image:url("../images/eye_off.png");}
ul.fsAddListTarget input{position:absolute;left:0;}
a.fsAddListBtn{display:block;color:green !important;padding-left:20px;height:20px;margin-left:4px;}

.fsListAddForm{display:none;position:absolute;margin-top:-27px;left:42px;background:transparent url('../images/listAddBg.png') no-repeat;padding:4px 12px 8px 21px;height:34px;width:250px;z-index:9999;}
.fsListEditForm{position:absolute;margin-left:-22px;}
.fsListAddForm input,.fsListEditForm input{outline-style:none;position:relative !important;}
.fsAddListBtn{background:transparent url('../images/add.png') no-repeat;}
.fsAddListBtn.active,.editFieldCancel{background:transparent url('../images/cross_gray.png') no-repeat;opacity:.4;-moz-opacity:.4;filter:alpha(opacity=40);}
.fsAddListBtn.active:hover,#cancelField:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.newItemBtn,.editFieldBtn{background:transparent url('../images/accept.png') no-repeat;}

/* default list controls is a 2 icon panel */
.listControls {
	display: none;
	position: absolute;
/*	left:0; top:0;*/
	margin-left: -36px;
	margin-top:-16px;
	padding: 8px 16px 8px 8px;
	background: transparent url('../images/iconPanelBg2.png') no-repeat;
	z-index: 999;
}

/* list control panel with 1 icon */
.listControls.panel1{ margin-top:-5px; background-image:url('../images/iconPanelBg1.png') }

/* list control panel with 3 icons */
.listControls.panel3{ margin-top:-26px; background-image:url('../images/iconPanelBg3.png') }

.listControls a, .listControls a:hover { background-color: transparent; }
.listControls a{display:block;width:16px;height:16px;margin:0 0 4px 0;text-indent:-9999px;overflow:hidden;cursor:pointer;}


/*Folder lists*/
ul.folderList{ margin:0.5em 0.5em 1em; padding:0; }
.folderList li{
	background:transparent url("../images/folder.png") left top no-repeat;
	padding:0 1em 0 26px;
	margin-bottom:0.25em;
	list-style-type:none;
	position:relative;
	min-height:18px;
	text-shadow:1px 1px 2px #fff;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}

.folderList a{ display:block; }
.folderList .folderTotal{ position:absolute; top:0px; right:2px; color:#999; }

.folderList li.on{ background-color:#ccc; }
.folderList li.on .folderTotal{ color:#333; }
/*.folderList li:hover{ background-color:#ddd; }*/

.folderList .folderControls{ display:none; position:absolute; }
.folderList .folderControls a{ display:block; float:left; }
.folderList li:hover .folderControls{display:block;}

.folderList .trashFolder{background-image:url('../images/trashcan.png')}

ul.catList{ margin:0; padding:0; }
.catList li{ list-style-type:none; margin:0; padding:1px 0;border-bottom:1px dotted #ccc;  }
.catList a{display:block;color:#000 !important;padding:0.25em 1em;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.catList a.on{ background-color:#ccc; }

.loadingBar{ background:transparent url('../images/loadingbar.gif') center center no-repeat; position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999px; }

.blankSlate{
	display:none;
	text-align:center;
	border:1px solid #666;
	background-color:#ddd;
}

/* media checks*/
@media screen and (max-width: 480px) {
	body{max-width:100%; min-width:100%; font-size:100%;}
	input{font-size:100%;font-family:Arial,Helvetica,sans-serif;border:1px solid #ccc;-moz-border-radius:2px;border-radius:2px;}
	#fsBar.fsBarLogin {
		min-width: 300px;
	}
	.fsBarLogin ~ .fsColumnLogin #dialog .mainGroupTitle {
		padding: 12px 0;
	}
}

@media screen and (min-width: 1200px) {
	#mainFrame.wide{ width:970px; }
}
/*wide screen */
/*@media screen and (min-width: 1280px) {
	#leftFrame{ min-width:15%; padding:1em 0.5em 1em 1%; }
	#mainFrame.wide{ min-width:80%; padding:1em 1% 1em 0.5em; }
	#mainFrame.full{ min-width:95%; padding:1em 1% 1em 0.5em; }
}*/


.autoclear:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}
.autoclear{display:inline-block}
* html .autoclear{height:1px}
.autoclear{display:block;}

/* user login page additions */
#fsBar a#liveSiteLink { background: #444 url('../../../images/admin_ui/2.0/white/eye.png') 14px 50% no-repeat; display: inline-block; padding:8px 16px 8px 35px; color: #EEE; font-weight: normal; border-radius: 3px; line-height: 16px; }
#fsBar a#liveSiteLink:hover {background-color: #111;}
.clearfix:after{ content:" "; display:block; clear: both;}

.fsColumnLogin {margin-top: 50px !important; width: 773px !important;}
.fsColumnLogin .col_6 {/*width: 100% !important;*/ width: 48%; margin-right: 0;} .fsColumnLogin .col_6:first-child {margin-right: 10px;}
.fsColumnLogin .col_mkt {
	-moz-border-radius: 4px;
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,.125);
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,.125);
	border-radius: 4px;
	height: 240px;
	float: right;
	border: 5px solid white;
	padding: 0;
	box-shadow: none;
	overflow: hidden;
}

.fsColumnLogin form#login > div {background-color:#FFF; box-shadow: none; margin-bottom: 30px;}
.fsColumnLogin .mainGroupTitle {background-color: #FFF; font-size: 1.7em; color: #333; text-shadow: 1px 1px 1px #FFF; text-align: center; padding: 1em 0; font-weight:normal;}
.fsColumnLogin .subGroup {background: #ECECEC; padding:.8em 0; margin:0;}
.fsColumnLogin .mainGroup .subGroup:nth-child(2) {padding: 1.7em 0 0; text-align: center;}
.fsColumnLogin .subGroup input[type='text'],  .fsColumnLogin .subGroup input[type='password'] { -webkit-appearance: none; appearance:none; margin-bottom:20px !important; width: 85%; border: 1px solid #EEE; border-radius: 3px; font-size:1.2em; outline: none; padding: 11px 5px 11px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.fsColumnLogin .subGroup input[type='text']:focus, .fsColumnLogin .subGroup input[type='password']:focus { border: 2px solid #A088A8; outline: none; padding: 10px 4px 10px 14px; }
.fsColumnLogin .subGroup p{padding:0 27px 10px; text-align: left; font-size:11px; }
.fsColumnLogin input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #CFE2F7 inset;}
.fsColumnLogin #submit, .fsColumnLogin #forgotPassSend{margin: 0 28px 0 0 !important; -webkit-appearance: none; appearance:none; float: right; background: #C83EAB; border: 0; padding: 10px 15px; border-radius: 3px; color: #FFF; font-size: 1.1em; cursor: pointer;}
.fsColumnLogin #submit:hover, .fsColumnLogin #forgotPassSend:hover{opacity:.8;}
.fsColumnLogin #forgotPassLink, .fsColumnLogin #returnToLogin {margin-top: -29px; color: #999; text-decoration: none; padding-left: 30px; font-size: 11px; display: inline-block;
position: absolute;}
.fsColumnLogin #forgotPassLink:hover, .fsColumnLogin #returnToLogin:hover { color:#333;}
#loginContainer.fsColumnLogin{margin-top: 25px !important;}
#loginContainer.fsColumnLogin #forgotPassLink, #loginContainer.fsColumnLogin #returnToLogin { position: relative;}
#fsBar a#liveSiteLink{ padding:2px 8px 2px 18px; font-size:11px; background-size:11px; background-position-x:4px; }
.fsBarLogin #logoLink, .fsLoginMobile  #logoLink  {width: 165px; height: 36px; margin: 14px 0 0 25px;  background: rgba(0, 0, 0, 0) url('../../../images/admin_ui/2.0/fslogofull.svg') top left no-repeat;  }
.fsLoginMobile  #logoLink  { background-size: 100%; width: 90px; height: 20px; margin: 6px 0 0 15px;}
.fsSocialLinks { clear: both; border-top: 5px solid #E4E4E4; padding: 7px 0;}
.fsSocialLinks > div {
	text-align: center;
	display: block;
	position: relative;
}
.fsSocialLinks a {
	background: #888;
	border-radius: 50%;
	display: inline-block;
	height: 30px;
	margin-right: 7px;
	opacity: .4;
	padding: 10px 4px 0px 6px;
	text-align: center;
	width: 30px;
	-webkit-transition: opacity ease-out .15s;
    -moz-transition: opacity ease-out .15s;
    -o-transition: opacity ease-out .15s;
    transition: opacity ease-out .15s;
    -webkit-transform: translateZ(0);
}
.fsSocialLinks a.fsSmFb {padding: 9px 5px 1px 5px;}
.fsSocialLinks a.fsSmFb:hover { background: #3c599f; }
.fsSocialLinks a.fsSmTw:hover { background: #1ac4ff; }
.fsSocialLinks a.fsSmLi:hover { background: #0b6ea5; }
.fsSocialLinks a.fsSmIn:hover { background: #835239; }
.fsSocialLinks a.fsSmGp:hover { background: #ffb405; }
.fsSocialLinks a.fsSmPi:hover { background: #cc2127; }
.fsSocialLinks a.fsSmBl:hover { background: #531A51; }
.fsSocialLinks a:hover {
	opacity: 1;
}
.fsSocialLinks div.fsConnect {
	background: #ECECEC;
	color: #BBB;
	font-size: 18px;
	margin: -21px auto 0px;
	padding: 2px 3px;
	text-align: center;
	width: 183px;
}
.fsLoginScreenNews {
	clear: both;
	margin-bottom: 30px;
}
.fsLoginScreenNews > iframe {
	border: 0;
	display: none;
	width: 100%;
}
.fsLoginMobile div.fsConnect {
	margin-top: 0px;
}
#loginContainer .hs-cta-wrapper,
#loginContainer .hs-cta-wrapper span,
#loginContainer .hs-cta-wrapper a {
	display: inline-block;
	width: 100%;
}
#loginContainer .hs-cta-wrapper {
	margin-bottom: 10px;
	text-align: center;
}
#loginContainer .hs-cta-wrapper img {
	max-width: 360px;
	min-width: 0;
	width: 100%;
}
.fsLoginMobile ~ .fsColumnLogin {
	width: 360px !important;
}
/* user login page mobile */
.fsSocialLinks.fsLoginMobile > div:not(.fsConnect){
	 padding: 0 10px
}
.fsSocialLinks.fsLoginMobile a{
	 margin-bottom: 8px;
}

@media screen and (max-width: 760px) {
	.fsColumnLogin .col_6 {
		width: 100%;
		margin-right: 0 !important;
	}
	.fsSocialLinks div.fsConnect {
		margin-top: 0px;
	}
	.fsColumnLogin form#login > div {
		margin-bottom: 20px;
	}
	.fsBarLogin ~ .fsColumnLogin {
 		margin: 20px auto 0 !important;
		max-width: 370px !important;
	}
	.fsLoginScreenNews {
		display: none;
	}
}
.col_mkt.col_6 { -moz-border-radius:4px; -moz-box-shadow:0px 2px 4px rgba(0,0,0,.125); -webkit-border-radius:4px; -webkit-box-shadow:0px 2px 4px rgba(0,0,0,.125); border-radius:4px; height:256px; float:right; border:5px solid white; padding:0; box-shadow:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:370px; }