body{ background-color:#f4f4f4; color:#000; margin:0; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:1.5em; min-width:970px; }
/*input{ font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1em; }*/

body.narrow{ width:640px; }

/* general tag style reset */

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;  }
th{ background-color:#eee; border-color:#ddd; color:#666; font-weight:normal; }
/*td{ background-color:#fff; }*/

/* standard data table columns */

.checkBoxCol{ width:2.5em; }
.itemTitleCol{ width:28em; }
.dateCol{ width:12em; }


/*input,select,textarea,label{ margin:0 0.5em; }*/

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

#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; }

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

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

table.rowHighlight tr:hover td, table.itemList tr:hover td{ background-color:#FFF77F; }  /* hilight table rows on hover */

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

form{ margin:0; padding:0; }

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

.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; }

.helpMsg{background-color:#ffffcc;margin:1em 0.5em;padding:0.5em 1em;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.warnMsg{background-color:#ffffaf;border:2px dashed #C0B900;padding:.5em;margin:.5em;font-weight:bold;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.alertMsg{background-color:#FFDDE4;border:2px dashed #FFA1A5;padding:.5em;margin:.5em;font-weight:bold;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}

.feedbackMsg{background-color:#262622;color:#fff;padding:.5em;margin:.5em;font-weight:bold;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}


.iconBtn{
	background:transparent url('../images/button.png') top left no-repeat;
	border-style:none;
	width:16px; height:16px;
	margin:0 4px;
	text-align:left;
	text-indent:20px;
	overflow:hidden;
	cursor:pointer;
/*	display:block;*/
}

.iconLink,.iconLink.inactive:hover{
	display:inline-block;
	background-color:#ddd;
	color:#003158 !important;
	line-height:1;
	padding:.5em .75em .5em 2.25em;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	text-decoration:none;
	background-position: 0.25em center;
	background-repeat: no-repeat;
	text-shadow:none;
	font-weight:normal;
	text-decoration:none;
	border-style:none;
}

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

.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-image:url('../images/cross.png'); background-color:#eddddd; color:#900 !important;}
.iconBtnTrash,.iconBtnTrash.inactive:hover{background-image:url("../images/trashcan.png"); background-color:#eddddd; color:#900 !important;}
.iconBtnDelete:hover, .iconBtnTrash:hover{ background-color:#900; color:#fff !important;}

.iconBtnLock{ background-image:url('../images/lock.png'); }
.iconBtnEdit{ background-image:url('../images/pencil.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/eye.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'); }
.iconBtnMultiple{ background-image:url('../images/table_multiple.png'); }

.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); }

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;}


/* finalsite tab bar */

/* finalsite tab bar */
#topBar{ height:30px; padding:5px 0 0 0; }
#topBarTitle{ float:left; }
#topBarTabs{ float:left; }
#topBarTabs a {
	color: #333;
	text-decoration: none;
	display: block;
	float: left;
	padding: 7px 15px 6px;
	background-color:#ddd;
	margin-right:5px;
	border-color:#ccc;
	border-style:solid;
	border-width:1px 1px 0 1px;
	-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;

}

#topBarTabs a:hover{ color:#999; }
#topBar a.on{ }
#topBarIcons{ float:left; }

/* module 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:#e6e6e6;
	color:#666;
	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:#f6f6f6;}

#moduleBar{ position:relative; width:760px; margin:1em 0 0 .5em; padding:0 .5em; }
#moduleBar h1{ margin:0; font-weight:bold; }
.moduleBarControls{ margin-top:0.5em; }

#leftFrame, #leftFrame2{ float:left; width:190px; padding:10px 5px; }
/*#leftFrame ul{list-style-type:square;}*/
#leftFrame.expand{ min-width:180px; width:15%; }

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

a.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;
}

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; }

#mainFrame{ float:left; padding:10px 5px; width:550px; }
#mainFrame.wide{ width:760px; }
#mainFrame.full{ width:970px; }
#mainFrame.expand{ min-width:740px; width:75%; }

.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:1em; 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;
	text-shadow:1px 1px 0 #eee; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	background-color:#e6e6e6; font-size:1.09em;
	} 
.mainGroupTitleControls{ display:inline; margin-left:0.5em; padding-left:0.5em; border-left:1px dotted #666; font-size:0.83em; }

.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;
}

.inputGroup{ padding:2px; margin:2px 0; clear:both; position:relative; }
.leftLabel label,.inputGroup label.leftLabel{display:block; float:left; width:100px; text-align:right; padding:2px 4px; }

.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{ margin-bottom:.5em; padding:.5em; 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;}

/*
	DEPRECIATED - 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
	.scrollBox{ max-height:150px; overflow:auto; }
*/
.scrollBox{ border:4px dotted red !important; }

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

#rightFrame{ float:left; padding:10px 5px; width:190px; }

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{ 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*/

.columnGroup{float:left;width:100%;clear:both;}
.column_2{ width:50%; float:left; }


/*
	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.off{color:#999999;text-decoration:line-through;}
ul.fsAddListTarget li.off .iconBtnView{background-image:url("../images/eye_off.png");}
.optionBoxGroup ul.fsAddListTarget li{ padding-left:0; }
/*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;}

.listControls{display:none;position:absolute;left:0;top:-18px;margin-left:-35px;padding:8px 16px 8px 8px;height:64px;background:transparent url('../images/iconPanelBg2.png') no-repeat;z-index:99;}
.listControls a, .listControls a:hover{ background-color:transparent; }
.listControls a{display:block;width:16px;height:16px;margin-bottom:4px;text-indent:-9999px;overflow:hidden;cursor:pointer;}

/* these are be deprecated, use iconBtn instead  */
.editListItem{background:transparent url('../images/pencil.png') center center no-repeat;}
.delListItem{background:transparent url('../images/cross.png') center center no-repeat;}

#otherInstructions{display:none;}

/*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 2em;
	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;
}


#fsModalOverlay{
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	background-color:#000;
	opacity: .7;
	-moz-opacity: .7;
	filter:alpha(opacity=70);
	display:none;
	z-index:65555;
}

#fsModalContent{
	position:absolute;
	top:0; left:0;
	background-color:#fff;
	padding:20px;
	border:4px solid #444;
	display:none;
	z-index:69999;
}


.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}
