/* body */
body{background: #FFFFFF; font-family: Tahoma, Arial, Verdana, Helvetica, Courier; font-size: 12px; margin: 0px; padding: 0px; }

/* BaseMenu */
#BaseMenu { background-color: #f0f0f0; border-top: 1px solid #FFFFFF; border-left: 1px none #ffffff; border-bottom: 1px solid #a0a0a0 ;border-right: 1px none #a0a0a0 ;height: 28px;overflow: hidden; }
#BaseMenu ul{list-style-type: none;margin : 2px 0px 0px 0px;padding: 0px;}
#BaseMenu ul li{cursor:pointer;float: left;padding: 3px 2px 3px 22px;height: 14px;background-position:left center;background-repeat:no-repeat;margin: 1px 7px 1px 7px;font-size: 11px;}
#BaseMenu ul li:hover{ margin: 0px 6px 0px 6px;  border: 1px solid #FFBD69; background-color: #FFE59D;}
#BaseMenu ul li.mnuForward{ background-image: url('../images/icon.forward.png');}
#BaseMenu ul li.mnuForwardDisabled{cursor: wait;background-image: url('../images/icon.forward.disabled.png'); color: #9D9DA1; }
#BaseMenu ul li.mnuBack{background-image: url('../images/icon.back.png');}
#BaseMenu ul li.mnuBackDisabled{cursor: wait;background-image: url('../images/icon.back.disabled.png'); color: #9D9DA1; }
#BaseMenu ul li.mnuDesktop {  background-image: url('../images/icon.home.png'); }
#BaseMenu ul li.mnuDesktopDisabled{ cursor: wait; background-image: url('../images/icon.home.disabled.png'); color: #9D9DA1; }
#BaseMenu ul li.mnuDesktopRefresh{ background-image: url('../images/icon.refresh.png');}
#BaseMenu ul li.mnuDesktopRefreshDisabled{ cursor: wait;background-image: url('../images/icon.refresh.disabled.png'); color: #9D9DA1; }
#BaseMenu ul li.mnuClose{background-image: url('../images/icon.logout.png');}
#BaseMenu ul li.mnuCloseDisabled{cursor: wait;background-image: url('../images/icon.logout.disabled.png'); color: #9D9DA1; }
#BaseMenu ul li.mnuExcel{background-image: url('../images/icon.excel.png');}
#BaseMenu ul li.mnuExcelDisabled{cursor: wait;background-image: url('../images/icon.excel.disabled.png'); color: #9D9DA1; }
#BaseMenu ul li.mnuCsv{background-image: url('../images/icon.excel.png');}
#BaseMenu ul li.mnuCsvDisabled{cursor: wait;background-image: url('../images/icon.excel.disabled.png'); color: #9D9DA1; }
#BaseMenu ul li.mnuPrint{background-image: url('../images/icon.print.png');}
#BaseMenu ul li.mnuPrintDisabled{cursor: wait;background-image: url('../images/icon.print.disabled.png'); color: #9D9DA1; }
#BaseMenu ul li.mnuQuicklink{background-image: url('../images/icon.quicklink.png');}
#BaseMenu ul li.mnuQuicklinkDisabled{cursor: wait;background-image: url('../images/icon.quicklink.disabled.png'); color: #9D9DA1; }
#BaseMenu ul li.mnuNew{background-image: url('../images/icon.new.png');}
#BaseMenu ul li.mnuNewDisabled{cursor: wait;background-image: url('../images/icon.new.disabled.png'); color: #9D9DA1; }
#BaseMenu ul li.mnuUploadfile{  background-image: url('../images/icon.upload.png');}
#BaseMenu ul li.mnuUploadfileDisabled{cursor: default;background-image: url('../images/icon.upload.disabled.png'); color: #9D9DA1; }
#BaseMenu ul li.mnuNewfolder{  background-image: url('../images/icon.newfolder.png');}
#BaseMenu ul li.mnuNewfolderDisabled{cursor: default;background-image: url('../images/icon.newfolder.disabled.png'); color: #9D9DA1; }
#BaseMenu ul li.mnuRemovefolder{  background-image: url('../images/icon.removefolder.png');}
#BaseMenu ul li.mnuRemovefolderDisabled{cursor: default;background-image: url('../images/icon.removefolder.disabled.png'); color: #9D9DA1; }
#BaseMenu ul li.mnuModifyfolder{  background-image: url('../images/icon.folder.modify.png');}
#BaseMenu ul li.mnuModifyfolderDisabled{cursor: default;background-image: url('../images/icon.folder.modify.disabled.png'); color: #9D9DA1; }
#BaseMenu ul li.mnuSave{  background-image: url('../images/icon.save.png');}
#BaseMenu ul li.mnuSaveDisabled{cursor: default;background-image: url('../images/icon.save.disabled.png'); color: #9D9DA1; }
#BaseMenu ul li.mnuSaveClose{  background-image: url('../images/icon.save.png');}
#BaseMenu ul li.mnuSaveCloseDisabled{cursor: default;background-image: url('../images/icon.save.disabled.png'); color: #9D9DA1; }
#BaseMenu ul li.mnuStudio{  background-image: url('../images/icon.studio.png');}
#BaseMenu ul li.mnuStudioDisabled{cursor: default;background-image: url('../images/icon.studio.disabled.png'); color: #9D9DA1; }
#BaseMenu ul li.mnuMail{  background-image: url('../images/icon.outlook.png');}
#BaseMenu ul li.mnuMailDisabled{cursor: default;background-image: url('../images/icon.outlook.disabled.png'); color: #9D9DA1; }
#BaseMenu ul li.mnuCCache{background-image: url('../images/icon.clearcache.gif');}
#BaseMenu ul li.mnuCCacheDisabled{cursor: wait;background-image: url('../images/icon.clearcache.disabled.gif'); color: #9D9DA1; }
#BaseMenu ul li.mnuSeperator{margin: 1px 1px 1px 1px;border: none;border-left: 1px solid #a0a0a0;height: 14px;width: 1px;background-color: #FFFFFF;padding: 3px 0px 3px 0px;}
#BaseMenu ul li.mnuLog{  background-image: url('../images/icon.log.png');}
#BaseMenu ul li.mnuLogDisabled{cursor: default;background-image: url('../images/icon.log.disabled.png'); color: #9D9DA1; }



/* BaseHeader */
#BaseHeader { color: #FFFFFF; background-color: #3399ff;border-top: none;border-left: none;border-bottom: 1px solid #a0a0a0;border-right:none;height: 29px;overflow: hidden; }
#BaseHeader h1 { margin: 3px 0px 0px 10px;padding: 0px;color: #FFFFFF;font-size: 18px; }

/* BaseControl */
#BaseControl{height: 27px;padding: 2px 0px 0px 0px;border-bottom: 1px solid #a0a0a0;background-color: #f0f0f0;overflow: hidden;}
#BaseControl table{ margin: 0px 0px 0px 4px; }


/* loginTable */
.loginTable { margin: 100px 0px 0px 0px; background-color: #f0f0f0; border: 1px solid #a0a0a0; width: 300px; }
.loginTable td.loginheader { border-bottom: 1px solid #a0a0a0; }
.loginTable td.syntecHeader { background: #3399ff url('../images/logo.syntec.png') no-repeat;	border-bottom: 1px solid #a0a0a0; height: 40px; }
.loginTable td { padding: 0px 4px 0px 4px; }
.loginTable td.loginlabel { text-align: right; width: 90px; padding: 0px 4px 0px 20px; }
.loginTable td.loginfield { padding: 0px 0px 0px 0px; }
.loginTable td.loginFailed { padding: 0px 0px 0px 20px;	color: red; }
.loginTable td.ssl { padding: 0px 0px 0px 20px;	color: red; }
.loginTable td.ssl a { text-decoration: none; color: red; font-size: 11px; }
.loginTable td input.textbox { margin: 1px 0px 1px 0px; }
.loginTable td input.button { margin: 10px 0px 10px 0px; }
.loginTable td select {	margin: 1px 0px 1px 0px; }
.loginCopyrights { text-align: center; padding-top: 4px; font-size: 11px; color: ThreeDDarkShadow; }
.loginServerType { text-align: center; padding-top: 2px; font-size: 9px; color: #a0a0a0; }

/* ErrorWindow */
.ErrorWindow { position: absolute;width: 90%;height: 500px;right: 0px;bottom: 0px;overflow: auto;background-color: #FFFFCC;border: 10px solid #FF0000; }	
.ErrorWindow div.header { background-color: #000000;color: #FFFFFF;padding: 4px;cursor: pointer; }
.ErrorWindow div.body { padding: 4px;}

/* table layout */
th.header, td.header{ font-weight: normal; text-align: left; border-bottom: 1px solid #a0a0a0; border-right: 1px solid #a0a0a0;border-top: 1px solid #ffffff;border-left: 1px solid #ffffff;background-color: #f0f0f0; padding: 2px 4px 2px 4px; }
th.headerClear, td.headerClear{ text-align: left; border-bottom: 1px solid #a0a0a0;border-right: 1px solid #a0a0a0;border-top: 1px solid #ffffff;border-left: 1px solid #ffffff;background:  #f0f0f0 left top repeat ; padding: 2px 4px 2px 4px; }
th.headerDown, td.headerDown{ text-align: left; border-top: 1px solid #a0a0a0;border-left: 1px solid #a0a0a0;border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff;background-color: #f0f0f0; padding: 2px 4px 2px 4px; }
tr.down { background-color: #FFFFFF; color: #000000; }
tr.over { background-color: #3399ff;  color: #FFFFFF; }
td.cell{ background-color: #FFFFFF; border-bottom: 1px solid #E1E1E1;border-right: 1px solid #E1E1E1;border-top: none; border-left: none; padding: 2px 4px 2px 5px; }
td.cell a { text-decoration: none; color: #000000; }
td.cell a:hover { text-decoration: underline; color: #0000FF; }
td.cell a.iLink { text-decoration: none; color: #3399ff; }
td.cell a.iLink:hover { text-decoration: none; color: red; }
td.cellError { background-color: #FFFFFF; border-bottom: 1px solid #E1E1E1;border-right: 1px solid #E1E1E1;border-top: none;border-left: none; padding: 2px; color: red; }
tr.even td.cell { background-color: #F6F6F6; }
.cellDiv { overflow: hidden; white-space:nowrap; }

td.filter{border-bottom: 1px solid #a0a0a0;border-right: 1px solid #a0a0a0;border-top: none;border-left: none;background-color: InfoBackground;padding: 0px;}
td.filter input.filter { min-width: 10px; border: 1px solid InfoBackground; background-color: InfoBackground; font-size: 11px; margin: 0px; padding: 0px;}
.cellBgkOdd { background-color: #E2E2E2; } 
.cellBgkEven { background-color: #C2C2C2; } 

/* Hidden */
.hidden,.Hidden,.hideObject { display: none; }

/* Dialog Window */
.DialogWindow{position: absolute;width: 550px;background-color: #f0f0f0;border: 1px solid #a0a0a0; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff;}	
.DialogWindow div.header{background-color: #3399ff;color: #FFFFFF;border-bottom: 1px solid #a0a0a0;padding: 4px;font-weight: bold;}
.DialogWindow div.body{padding: 16px 4px 16px 4px;}
.DialogWindow div.buttons{padding: 4px 4px 20px 8px;}
.DialogTransparantWindow { position: absolute; background: url('../images/background.wait.transparent.png') }


/* Button */
.button,.Button{border-top: 1px solid #ffffff;border-left: 1px solid #ffffff;border-bottom: 1px solid #a0a0a0;border-right: 1px solid #a0a0a0;background-color: #f0f0f0;color: #000000;}
.buttonSearch { background: #f0f0f0 url('../images/icon.button.search.png') no-repeat center center; border-top: 1px solid #ffffff;border-left: 1px solid #ffffff;border-bottom: 1px solid #a0a0a0;border-right: 1px solid #a0a0a0;color: #000000; }
.buttonUndo { background: #f0f0f0 url('../images/icon.button.undo.png') no-repeat center center; border-top: 1px solid #ffffff;border-left: 1px solid #ffffff;border-bottom: 1px solid #a0a0a0;border-right: 1px solid #a0a0a0;color: #000000; }

/* Default input */
input.field{font-size: 12px; border: 1px solid #a0a0a0;background-color: #FFFFFF;color: #000000;}
input.fieldDisabled{font-size: 12px; background-color: #f0f0f0; border: 1px solid #a0a0a0; color: #000000;}
textarea.field{font-size: 12px; border: 1px solid #a0a0a0;background-color: #FFFFFF;color: #000000;}
textarea.fieldDisabled{font-size: 12px; background-color: #f0f0f0; border: 1px solid #a0a0a0; color: #000000;}

/* VIEW */
.viewControlContainer{font-size: 11px; overflow: hidden;height: 30px;background-color: #f0f0f0;border-bottom: 1px solid #a0a0a0;border-right: 1px solid #a0a0a0;border-top: 1px solid #ffffff;border-left: 1px solid #ffffff;}
.viewListContainer{ overflow: auto; background-color: #FFFFFF;}
.viewHeaderContainer{ 
	overflow: hidden;
	background-color: #FFFFFF;

}
.viewButtonFilter { border-top: 1px solid #ffffff;border-left: 1px solid #ffffff;border-bottom: 1px solid #a0a0a0;border-right: 1px solid #a0a0a0; color: #000000; background: #f0f0f0 url('../images/icon_filter.png') no-repeat center center; }
.viewButtonBack{background-color: #f0f0f0;background-image: url('../images/icon.back.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: pointer;}
.viewButtonBackDisabled{background-color: #f0f0f0;background-image: url('../images/icon.back.disabled.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: wait;}
.viewButtonForward{background-color: #f0f0f0;background-image: url('../images/icon.forward.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: pointer;}
.viewButtonForwardDisabled{background-color: #f0f0f0;background-image: url('../images/icon.forward.disabled.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: wait;}
.viewButtonSearch{background-color: #f0f0f0;background-image: url('../images/icon.search.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: pointer;}
.viewButtonSearchDisabled{background-color: #f0f0f0;background-image: url('../images/icon.search.disabled.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: wait;}
.viewButtonReset{background-color: #f0f0f0;background-image: url('../images/icon.reset.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: pointer;}
.viewButtonResetDisabled{background-color: #f0f0f0;background-image: url('../images/icon.reset.disabled.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: wait;}

.viewButtonCount{background-color: #f0f0f0;background-image: url('../images/icon.count.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: pointer;}
.viewButtonCountDisabled{background-color: #f0f0f0;background-image: url('../images/icon.count.disabled.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: wait;}


.viewButtonExpand{background-color: #f0f0f0;background-image: url('../images/icon.expand.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: pointer;}
.viewButtonExpandDisabled{background-color: #f0f0f0;background-image: url('../images/icon.expand.disabled.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: wait;}

.viewButtonCollapse{background-color: #f0f0f0;background-image: url('../images/icon.collapse.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: pointer;}
.viewButtonCollapseDisabled{background-color: #f0f0f0;background-image: url('../images/icon.collapse.disabled.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: wait;}


.viewButtonNew{background-color: #f0f0f0;background-image: url('../images/icon.new.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: pointer;}
.viewButtonNewDisabled{background-color: #f0f0f0;background-image: url('../images/icon.new.disabled.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: wait;}
.viewButtonExcel{background-color: #f0f0f0;background-image: url('../images/icon.excel.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: pointer;}
.viewButtonExcelDisabled{background-color: #f0f0f0;background-image: url('../images/icon.excel.disabled.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: wait;}
.viewButtonPrint{background-color: #f0f0f0;background-image: url('../images/icon.print.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: pointer;}
.viewButtonPrintDisabled{background-color: #f0f0f0;background-image: url('../images/icon.print.disabled.png');background-position: center center;background-repeat: no-repeat;border: none;width: 15px;height: 19px;cursor: wait;}
.viewButtonSeperator { width: 10px; }
.viewButtonSelector { font-size: 11px; }
.viewSubContainer { border: 1px solid #f0f0f0; } 
.viewLoadingText { padding: 20px; color: #616E73; font-size: 11px; font-weight: bold; font-style: italic; }

/* .viewSubHeader { text-align: left; border-bottom: 1px solid #a0a0a0; border-right: 1px solid #a0a0a0;border-top: 1px solid #FFFFFF;border-left: 1px solid #FFFFFF;background-color: #FFFFFF ; padding: 4px; color: #3399ff; } */
.viewSubHeader { text-align: left; background-color: #FFFFFF ; padding: 4px; color: #3399ff; }



/* Context menu */
.ContextMenu{	background-color: #f0f0f0;	font-family: Tahoma;	font-size: 11px;	position: absolute;	border: 1px outset;}
.ContextMenuTr{	background-color: #f0f0f0;	color: #000000;	font-size: 11px;}
.ContextMenuTr td{	padding: 4px 8px 4px 8px;}
.ContextMenuTrHover{	background-color: #3399ff;	color: #FFFFFF;	font-size: 11px;	cursor: pointer;}
.ContextMenuTrHover td{	padding: 4px 8px 4px 8px;}
.ContextMenuTr td hr { border: none; background-color: #a0a0a0; height: 1px; }

/* footerMessageContainer */
.footerMessageContainer { border: 1px solid #a0a0a0; background-color: #FFFFFF; height: 120px; overflow: auto; }


/* treeView */
.tvUl
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.tvUl ul
{
	list-style-type: none;
	margin: 0px 0px 0px 14px;
	padding: 0px;
}
.tvUl li
{
	padding: 2px 2px 2px 2px;
}
.tvUl li a
{
	cursor: pointer; 
}
.tvUl li img
{
	margin-right: 4px;
	cursor: pointer;

}

/* CAL */
.smsCC{ font-family: "MS Sans Serif"; font-size: 11px; background-color: #E3EFFF; position: absolute; }
.smsCC td.today{ cursor: pointer; background-color: #FF0000; color: #FFFFFF; font-weight: bold; }
.smsCC td.selected{ cursor: pointer; background-color: #0000FF; color: #FFFFFF; font-weight: bold; }
.smsCC td.date{ cursor: pointer; background-color: #f0f0f0; }
.smsCC td.closecal{ border-bottom: 1px solid #a0a0a0; cursor: pointer; background-color: #FFFFFF; }
.smsCC select{font-size: 11px;}
.smsCC table {background-color: #f0f0f0; border: 1px solid #a0a0a0;}
.smsCC table table { border: none;}
.smsCC table td {background-color: #f0f0f0;}
.smsCC table th {border-bottom: 1px solid #a0a0a0; font-size: 11px; background-color: #f0f0f0;}
.smsCC table.selectionheader {background-color: #f0f0f0;}
/*ADDITIONS */
.smsCC .close { border: 1px solid #a0a0a0;  border-bottom: none; padding: 2px; text-align: center; cursor: pointer; background-color: #FFFFFF; }

/* Date Time field */
input.dateField { border: 1px solid #a0a0a0; font-size: 12px; width: 66px; height: 16px; padding: 1px 20px 1px 2px; background-attachment:fixed; background: #FFFFFF url('../images/icon.datefield.png') no-repeat right 1px; }
input.timeField { border: 1px solid #a0a0a0; font-size: 12px; width: 40px; height: 16px; padding: 1px 20px 1px 2px; background-attachment:fixed; background: #FFFFFF url('../images/icon.timeField.png') no-repeat right 1px; }
.timefieldList { width: 100px; height: 100px; overflow: auto; border: 1px solid #a0a0a0; background-color: #FFFFFF; }
.timefieldList .hour { font-size: 11px; border-bottom: 1px none #E2E3EA; padding: 2px; background-color: #FFFFFF; cursor: pointer; font-weight: bold; }
.timefieldList .hour:hover { background-color: #3399ff; color: #FFFFFF; }
.timefieldList .sub { font-size: 11px; padding: 2px; text-indent: 8px; background-color: #EEEEEE; cursor: pointer; }
.timefieldList .sub:hover { background-color: #3399ff; color: #FFFFFF; }