@import url("webForm.css");
@import url("sfx.css");

body, td, th, tr {
	font-family: arial,sans-serif;
	font-size: small;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	color: black;
	background-color:white;
	overflow:hidden;
}
html, body {
	height:100%;	
}

a {
	color: #306090;
}
a:visited {
	color: gray;
}

img {
	border: 0px;
	display:inline;
} 

h1 {
	font-size:large;
	display:inline;
}

h2 {
	font-size:medium;
	display:inline;
}
ul {
	list-style:none;
}

form {
	margin:0;	
	padding:0;	
}
/* B:Header */

div#header {
	margin:0px;
	padding:0px;
	height: 55px;
	background: url("../images/headerBg.jpg") repeat-x top left;
}

div#logo {
	float: left;
	padding: 0px;
	margin: 0px;
	font-size: 0;
	background: url("../images/logoBg.jpg") no-repeat top right;
}

#topLinks {
	float: right;
	height:55px;
	width: 400px;
	background: url("../images/rightBg.jpg") no-repeat bottom right;
	
}
	#topLinks ul {
		list-style: none;
		margin: 0px;
		padding: 32px 0px 0px 0px;
	}
	#topLinks li.mainMenu {
		background: url("../images/menuIcon.jpg") no-repeat center left;
		padding: 3px 15px 4px 24px;		
		float: right;
	}
	#topLinks li.logout {
		background: url("../images/logoutIcon.jpg") no-repeat center left;
		padding: 3px 15px 4px 24px;		
		float: right;
	}
	#topLinks a {
	color: #fff;
	text-decoration: none;
}
/* E:Header */


/* Layout Specific */
#logo {
	float:left;		
}

#personalLinks {
	float:right;		
}

#main {
	height:90%;
}

#workArea {
	border:1px solid silver;
	height:100%;
}

#workAreaHeader {
	background: url(../images/back_section_header.gif) no-repeat left top;
	/*height:50px;*/
	padding-top:5px;
	height:10%;
	}
	#workAreaHeader h1 {
	background-repeat: no-repeat;
	background-position: top left;
	padding-left:40px;
	padding-top:5px;
	padding-bottom:10px;
	}

#workAreaMain {
	overflow:auto;
	padding:10px;
	/*height:420px;*/
	height:80%;
	}

#mainMenu, #folderBrowserSection {
	padding-top:20px;
	float:left;
	width:150px;
	overflow:none;
	}
/*
	#mainMenu li:last-child,
	#folderBrowserSection li:last-child {
		background:url("../images/menu_corner.gif") no-repeat center left;
	}
	#mainMenu a:hover,
	#folderBrowserSection a:hover {
		background-color:#eee;
	}
	#mainMenu a,
	#folderBrowserSection a {
		padding-bottom:2px;
		padding-left:20px;
		background-repeat: no-repeat;
		background-position: top left;
		display:block;
		white-space:pre;
	}
	#mainMenu ul,
	#folderBrowserSection ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	#mainMenu li,
	#folderBrowserSection li {
		margin:0;
		padding:0;
		background:url("../images/menu_tee.gif") repeat-y center left;
		padding-left:18px;
		padding-bottom:3px;
		padding-top:3px;
		box-sizing: content-box;
	}
*/
#subMenu a, #mainMenu a, #folderBrowserSection a, table.list th a {
		color: black;
		text-decoration: none;
}
#subMenu a:hover, #mainMenu a:hover, #folderBrowserSection a:hover, table.list th a:hover {
	text-decoration: underline;
}

#subMenu {
	background: url(../images/back_submenu.gif) repeat-x top right;
	min-height:22px;
	height:4%;
	}
	#subMenu a {
		font-weight:bold;
		background:url("../images/diff_submenu.gif") repeat-y top right;
		padding-right:10px;
	}
	#subMenu ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	#subMenu li {
		float:left;	
		margin:0;
		padding:0;
		background-repeat: no-repeat;
		background-position: top left;
		padding-left:22px;
		padding-top:2px;
	}
	#subMenu li.helpMenu {
		float:right;
		}
		#subMenu li.helpMenu a {
		display:block;
		background-image: none;
		}
	

#workArea {
	margin-left:150px;
}

/* widgets */
.numeric {
	text-align:right;
}

div.subHeading {
	background: url(../images/back_subheader.gif) no-repeat left top;
	padding:5px 0 10px 2px;
	margin-top:5px;
}
div.subHeading h2 {
	background-repeat: no-repeat;
	background-position: top left;
	padding-left:25px;
}

table.lineForm {
	width:90%;
}


table.cronForm {
	width:500px;
	border:1px silver solid;
}

table.cronForm th {
	background-color:#eee;
	text-align:center;
}
table.cronForm th, table.cronForm td {
	vertical-align:top;
	text-align:center;
}
table.cronForm select {
	width:65px;
	height:150px;
}



/* B: Display Tag */
table.list {
	width:95%;
	padding-top:10px;
	padding-bottom:10px;
	margin:0;
	}
	table.list thead tr {
		background-color: #ddd;
		font-weight:bold;
	}

	table.list th {
		padding:5px;
		text-align:left;
	}
	table.list td {
		padding:3px;
	}
	table.list tr {
		margin:1px;
		border:0px;
		padding:0px;
	}
	table.list tbody tr:hover {
		background-color:#eee;
	}
	table.list td.operations {
		width: 18%;
	}
	table.list tr td:first-child {
		width:65px;	
	}

th.sorted a, th.sortable a, th a {
	background-repeat:no-repeat;
	background-position: right;
	display:block;
	color:black !important;
}

table.list td a {
	display:block;
}

table.list td a:visited {
	color: gray;
}

th.sorted a {
	font-weight: bold;
}

th.sortable a {
	background-image: url(../images/arrow_off.png);
}

th.order1 a {
	background-image: url(../images/arrow_down.png);
}
th.order2 a {
	background-image: url(../images/arrow_up.png);
}

tr.odd, tr.r1 {
	background-color: #fff;
}

tr.even, tr.r0 {
	background-color:#f6f6f6;
}
/* E: Display Tag */

div.separatorBar {
	background-color:#eee;
}

a.folderBrowserIcon {
	background: url(../images/but_search.gif) no-repeat left top;
	padding:15px;
}

a.chownIcon {
	background: url(../images/icon_chngOwner.gif) no-repeat left top;
	padding:9px;
	padding-right:11px !important;
}

a.deleteIcon {
	background: url(../images/icon_delete.gif) no-repeat left top;
	padding:9px;
}
a.viewLogIcon {
	background: url(../images/icon_viewLogs.gif) no-repeat left top;
	padding:9px;
}
a.openIcon {
	background: url(../images/icon_open.gif) no-repeat left top;
	padding:9px;
}
a.viewPageIcon {
	background: url(../images/icon_previewPage.gif) no-repeat left top;
	padding:9px;
}
a.folderHiddenIcon {
	background: url(../images/icon_folders_h.gif) no-repeat left top;
	padding:9px;
}
a.folderIcon {
	background: url(../images/icon_folders.gif) no-repeat left top;
	padding:9px;
}
a.editIcon {
	background: url(../images/icon_edit.gif) no-repeat left top;
	padding:9px;
}
a.offlineIcon {
	background: url(../images/icon_offline.gif) no-repeat left top;
	padding:9px;
}
a.onlineIcon {
	background: url(../images/icon_online.gif) no-repeat left top;
	padding:9px;
}

a.unpublishIcon {
	padding:9px;
	background: url(../images/icon_publish.gif) no-repeat left top;
}
a.publishIcon {
	background: url(../images/icon_unpublish.gif) no-repeat left top;
	padding:9px;
}

a.copyIcon {
	background: url(../images/icon_copy.gif) no-repeat left top;
	padding:9px;
}

a.insertIcon {
	background: url(../images/but_insertField.gif) no-repeat left top;
	padding:9px;
	padding-right:12px !important;
}

a.removeIcon {
	background: url(../images/but_removeField.gif) no-repeat left top;
	padding:9px;
}

a.moveUpIcon {
	background: url(../images/but_moveUpField.gif) no-repeat left top;
	padding:9px;
}

a.calendarIcon {
	background: url(../images/icon_calendar.gif) no-repeat left top;
	padding:15px;
}

.alert {
	color:#e00000;	
}

.error {
	color:#e00000;	
	font-weight:bold;
}

td.fileIcon {
	background: url(../images/fileIcons/unknown.gif) no-repeat left center;
}

.fileIcon {
	background: url(../images/fileIcons/unknown.gif) no-repeat left center;
	padding-left:20px;
}

#fileUpload {
	text-align:right;
	width: 90%;
	background-color:#eee;
	border:silver 1px solid;
	padding:10px;
}

.vertSeparator {
	clear:both;	
	margin-bottom:20px;
}

.clear {
	clear:both;	
}

	#wizardFooter {
		margin-top:10px;
		margin-bottom:10px;
		border:1px silver solid;
		background-color:#f6f6f6;
		color:gray;
		padding:10px;
		-moz-border-radius: 25pt;
	}

	#wizardSteps {
		margin-bottom:50px;
	}

	#wizardSteps ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	#wizardSteps li {
		background-color:#eee;
		border:dotted silver;
		border-width:1px 1px 1px 0;
		float:left;	
		margin:0;
		padding:10px;
		text-align:center;
		width:120px;
		color:gray;
	}
	li#wizardStepsCurrent {
		background-color:#fff;
		color:black;
	}
	#wizardSteps li.first {
		width:10px;
		background-color:#f2b022;
		color:white;
	}
	
.infoMessageBlock, .errorMessageBlock, .warnMessageBlock {
	background: url(../images/icon_info.gif) no-repeat center left;
	font-size:larger;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	padding-left:30px;
	border:1px silver solid;
	-moz-border-radius: 8pt;
}
.infoMessageBlock a, .errorMessageBlock a, #wizardFooter a {
		font-weight:bold;
}
.infoMessageBlock a, .errorMessageBlock a {
		color: black;
}
.warnMessageBlock {
	background: url(../images/icon_warning.gif) no-repeat center left;
}

.errorMessageBlock {
	background: url(../images/icon_error.gif) no-repeat center left;
}

#exportAsXml {
	border:1px silver dashed;
	padding:10px;
	margin-bottom:10px;
	background-color:#f6f6f6;
	color:gray;
}

#importFromXmlForm {
	background-color:#f6f6f6;
	border:1px silver dashed;
	padding:10px;
	text-align:right;
	margin-bottom:10px;
}

ul.operations {
	list-style:none;
	margin:0;
	padding:0;
	white-space:nowrap;
}
ul.operations li {
	float:right;	
	margin:0;
	padding:0;
	width:30px;
	overflow:hidden;
	box-sizing: content-box;
}

ul.operations a, a.operation {
	font-size:0;
	display:inline;
}

.hidden {
	display:none;	
}

table.list td {
	white-space:nowrap;
}

#folderBrowser {
	display:none;
	border:1px silver solid;
	border-top:0;
	width:200px;
	height:100px;
}
	#folderBrowser div {
		text-align:right;
		background-color:#306090;
		border-top:1px #eee solid;
		border-left:1px #eee solid;
		border-right:1px gray solid;
		border-bottom:1px gray solid;
		!important
	}
	#folderBrowser div a {
		padding:0px 5px 0px 5px;
 		color:#eee;
		text-decoration:none;
 	}
	#folderBrowser div a:hover {
		background-color:#eee;
		color:black;
	}
#folderBrowserFrame {
	border:none;
	width:100%;
	height:82px;
}

#folderBrowserSection {
 margin:5px;
 padding:0;
 width:96%;
}

	/*
#progressBar {
	margin-top:5px;
	background-color:white;
	border:1px #44678d solid;
	height:20px;
	width:80%;
	float:right;
	margin-right:10px;
	margin-bottom:10px;
}
#progressBar div {
	height:100%;
	background-color:navy;
	background: url("../images/progressBarFill.gif") repeat-x top left;
	width:0;
	float:left;
}
#progressBar span {
	height:100%;
	position:fixed;
	z-index:100;
	left:58%;
	color:black;
	font-weight:bold;
}
*/

#progressBar {
	margin-top:5px;
	background-color:white;
	border:1px #44678d solid;
	height:20px;
	width:600px;
	width:550px;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
}
#progressBarFill {
	height:100%;
	background-color:navy;
	background: url("../images/progressBarFill.gif") repeat-x top left;
	width:0;
}
#progPercent {
	position:absolute;
	width:550px;
	z-index:100;
	text-align:center;
	color:black;
	font-weight:bold;
}

table.nav {
	width:95%;
	border:1px solid silver;
	background-color:#eee;
	margin-bottom:1px;
}

table.filter {
	width:95%;
	margin:0;
	padding:0;
	border:1px dashed silver;
	}
	table.filter td {
		padding:2px;
		font-size:90%;
	}
	tr.nav td {
		background-color:#eee;
		text-align:center;
	}
	tr.nav a {
		text-decoration:none;
		font-size:larger;
		font-weight:bold;
		color:black;
		margin-right:5px;
		float:right;
	}
	table.filter th {
		text-align:right;
		font-size:90%;
	}

#moduleList {
	position:absolute;
	top:1px;
	right:5px
}

div.previewPaneLabel {
	float:left;
	border:1px solid silver;
	border-bottom:0;
	border-right:1px solid gray;
	padding:1px 5px 2px 5px;
	font-weight:normal;
	background:gray;
	background:#306090;
	color:white;
}
div.previewPaneLabel img {
	float:left;
	margin-right:10px;
	margin-top:1px;
}

.abstractType_true {
	font-style:italic;
}

#mainModules {
	width:100%;
	margin:auto;
	padding:0;
}

#mainModules > li {
	float:left;
	text-align:center;
	margin:25px;
	width:100px;
	display:inline;
}

#mainModules > li:hover ul {
	display:block;	
	border:1px solid silver;
	padding-left:2px;
	padding:0;
	position:fixed;
	background-color:white;
	max-width:98px;
	min-width:98px;
}
#mainModules ul {
	display:none;
}

#mainModules a {
	text-decoration:none;
	color:black;
	display:block;
	padding:2px;
}
#mainModules li:hover {
	background-color:#edf5f9;
}
#mainModules li ul a:hover {
	background-color:#eee;
}
#mainModules li ul {
	text-align:left;
	padding:2px;
}

#mailSendBlock {
	background: url(../images/mailerCenter_bg.gif) repeat-x top left;
	border:1px silver solid;
	-moz-border-radius: 8pt;
	height:97px;
	margin-bottom:5px;
	width:95%;
}

#ajaxLoading {
	position:absolute;
	top:1px; right:1px;
	padding:1px 3px 1px 3px;
	background:#c00000;
	color:white;
	display:none;
}

/* B:tabs */
div.tabs {
	margin: 15px 0px 0px 0px;
	padding: 0px;
}
div.tabs ul{
	padding: 0px 0px 0px 10px;
	clear:both;
    list-style-type: none;
	height: 24px;
	background: url("../images/navBg.jpg") repeat-x top left;
	margin:0;
}

div.tabs li {
	margin: 0px 1px 0px 0px;
    padding: 0px;
	display: inline;
	float: left;
	background: url("../images/tabBg.jpg") repeat-x top left;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

div.tabs a {
	margin: 0px;
	padding: 5px 12px 3px 12px;
	text-decoration: none;
	color: #000;
	display: block;
	background: url("../images/tabHatch.jpg") no-repeat top right;
}

div.tabs li.highlight {
	background: url("../images/activeTabBg.jpg") repeat-x top left;
}

div.tabs li.highlight a {
	background: url("../images/activeTabHatch.jpg") no-repeat top right;
}
div.tabBody form {
	margin:0;
	padding:0;
}
div.tabBody {
	margin: 0px;
	padding: 10px;
	background-color: #f0f4f7;
	border-bottom: solid 1px #93aaca;
}
/* E:tabs */

/* B:suggestedOptions */
ul.suggestedOptions span {
	margin:5px;
}

span.username {
	font-weight:bold;
	font-size:small;
}

div.suggestedOptionsContainer {
	display:none;
	border:1px solid silver;
	width:43%;
	position:fixed;
}

ul.suggestedOptions {
	padding:0;
	margin:0;
}

ul.suggestedOptions li {
	margin:0;
	padding:0px;
}

ul.suggestedOptions a {
	padding: 3px;
	text-decoration:none;
	color:black;
	display:block;
	background-color:white;
}

ul.suggestedOptions a:hover, ul.suggestedOptions li.highlight a {
	background-color:#edf5f9;
}
/* B:suggestedOptions */


/* B:tree */
#mainMeu {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	float: left;
	width: 150px;
	border-right: solid 1px #c0c0c0;
}
ul.tree {
	margin: 0px;
	padding: 0px;
	clear: both;
        list-style-type: none;
	background: url("../images/menu_bar.gif") repeat-y top left;
}

ul.tree li {
	margin: 0px;
        padding: 1px 0px 1px 18px;
	background: url("../images/menu_tee.gif") no-repeat top left;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
ul.tree li.plus {
	background: url("../images/menu_tee_plus.gif") no-repeat top left;
}
ul.tree li.minus {
	background: url("../images/menu_tee_minus.gif") no-repeat top left;
}
ul.tree li:last-child {
	background: url("../images/menu_corner.gif") no-repeat top left;
}
ul.tree li:last-child.plus {
	background: url("../images/menu_corner_plus.gif") no-repeat top left;
}
ul.tree li:last-child.minus {
	background: url("../images/menu_corner_minus.gif") no-repeat top left;
}

ul.tree a {
	margin: 0px;
	padding: 3px 0px 3px 21px;
	text-decoration: none;
	color: #000;
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
}

ul.tree a:hover {
	background-color: #eee;
}

	a.webEditorMenu {background-image: url(../images/icon_webeditor.gif)}
	a.foldersUpMenu {background-image: url(../images/icon_folderUp.gif)}
	a.workflowInboxMenu {background-image: url(../images/icon_inbox.gif)}
	a.workflowOutboxMenu {background-image: url(../images/icon_outbox.gif)}
	a.workflowTemplatesMenu {background-image: url(../images/icon_workflow_template.gif)}
	a.foldersMenu {background-image: url(../images/icon_folders.gif)}
	a.wizardMenu {background-image: url(../images/icon_wizard.gif)}
	a.contentDescriptorsMenu {background-image: url(../images/icon_content_types.gif)}
	a.dataImportMenu {background-image: url(../images/icon_importContent.gif)}
	a.dataListMenu {background-image: url(../images/icon_datalist.gif)}
	a.usersMenu {background-image: url(../images/icon_users.gif)}
	a.groupsMenu {background-image: url(../images/icon_groups.gif)}
	a.serverInfoMenu {background-image: url(../images/icon_serverInfo.gif)}
	a.searchEnggMenu {background-image: url(../images/icon_searchEngine.gif)}
	a.logsMenu {background-image: url(../images/icon_logs.gif)}
	a.chPwdMenu {background-image: url(../images/icon_chngPass.gif)}
	a.mailingListMenu {background-image: url(../images/icon_mailingList.gif)}
	a.myProfileMenu {background-image: url(../images/icon_users.gif)}
	/*a.folderHiddenIcon {background: url(../images/icon_folders_h.gif)}*/
	li.corner {background: url(../images/menu_corner.gif) no-repeat top left}
	li.root {
		background-image:none !important;
		padding-left:3px !important;
	}

/* E:tree */

p.forumMessageComments {
	height:120px;
	overflow:auto;
	white-space:normal;
}

div.forumMessage {
	width:100%;
}

#forumMessageForm {
	width:400px;
	position:absolute;
	top:5%;
	left:45%;
	margin-bottom:20px;
	z-index:100;
	background-color:white;
}

#forumMessageForm form {
	padding:5px;
}
#forumMessageForm h1 {
	background-color:#306090;
	color:white;
	display:block;
	padding:5px 2px;
}

#forumMessageForm input {
	width:98%;
}
#forumMessageForm textarea {
	width:98%;
	height:120px;
}

input.button {
	width:100px !important;	
}

label {
	color:#333;	
}
label.required:after { content: "*"; color:#ee0000; font-size:larger; padding-left:5px;}