html, body, #container {
	min-height: 100%; /*Sets the min height to the
					height of the viewport.*/
	width: 100%;
	height: 100%; /*Effectively, this is min height
				for IE5+/Win, since IE wrongly expands
				an element to enclose its content.
				This mis-behavior screws up modern  
				browsers*/
	margin: 0;
	padding: 0;
	letter-spacing:0px;
	border: 0;
}

#container {
	position: absolute;
	top: 0;
	left: 0;
}

img
{
	border:0;
	vertical-align:middle;
}

a.topbarlabel:link, a.topbarlabel:visited, a.topbarlabel:hover, a.topbarlabel:active 
{
	 text-decoration:none;
	 font-weight:bold;
	 color:white;
}

.roundArea
{
    padding: 18px 20px;
    background-color: #EDEDED;
    /* background-color: #dfe4ea; */
    /* easy rounded corners for modern browsers */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.accordTab
{
}

.accordLable {
    color: #ffffff;
    font-weight: bold;
    height:39px;
}

.stdTable 
{
	width: 100%;
	height: 100%;
	border-spacing:0px;
	border-collapse:collapse;
	color:inherit;
}

.stdTable td
{
	padding:0px;
}

.stdTable th
{	
	padding:0px;
}

.centerTable th
{
	vertical-align:middle;
	height: 30px;
}

.centerTable td
{
	vertical-align:middle;
	height: 30px;
}

.linkspan
{
	cursor:pointer;
	color:#1a74ba;
	/* #3a75ff #98AFC7 */
	font-weight:bold;
}

.readspan
{
	cursor:pointer;
	color:#1a74ba;
	/* #3a75ff #98AFC7 */
	font-weight:normal;
}

.disablespan
{
    cursor:default;
    color:Gray;
    font-weight:bold;
}


.breadcrumbcontainer {
    overflow:hidden;
    position:relative;
    height: 38px;
}

.breadcrumbcontainerOpen {
    position: absolute;
    left: 46px;
    overflow: visible;
    z-index: 1000;
    background-color: white;
    outline: 1px solid #1a74ba!important;
}

.breadcrumbfullbar{
    white-space:nowrap;
    position:absolute;
    left:17px;   /* should override by script */
}

.breadcrumbfullbarOpen {
    white-space: normal;
}

.breadcrumbspan {
    cursor: pointer;
}

.breadcrumbdiv {
    padding: 0px 8px;
}

.topbarlabel
{
	font-size:20px;
	text-decoration:none;
	vertical-align:middle;
	font-family:Arial;
	font-weight:bold;
}

.popupheader 
{
	height:54px;
	/*background: url(../images/topbar/popupheader.png) #565656 repeat;*/
	/*background-color: #ededed;*/
    border-bottom: 1px solid lightgray;
}

.popuplabel
{
	text-align:right;
	width:200px;
	background-color:#d0d0d0;
	padding-right:10px;
	min-height:34px;
	color:#676767;
}

.popuptext
{
	font-size:12px;
	color:#676767;
}

.popupspace
{
	width:200px;
	background-color:#d0d0d0;
	height:20px;
}

.topbarDivider
{
	height:10px;
}

.headerbarbutton { vertical-align:top; font-size:12px; }
.headerbarbutton A:link {  text-decoration:none; color:black;}
.headerbarbutton A:visited {  text-decoration:none; color:black;}
.headerbarbutton A:hover {  text-decoration:none; color:black;}
.headerbarbutton A:active {  text-decoration:none; color:black;}

/* thumbnail view style */

.selectedCell {
	border: 1px solid White;
	background-color: #eeeeee;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Gecko (Firefox) */
	-khtml-user-select: none; /* Webkit (Safari, Chrome) */
	width: 320px;
	height: 370px;
	padding: 10px 5px 0px 5px;
}

.selectedCellForWFTaskDocListView
{
	background-color:#3a75ff;
	background-repeat:repeat-x; 
	background-position:0px 0px;
	user-select: none; /* CSS3 */
    -moz-user-select: none; /* Gecko (Firefox) */
    -khtml-user-select:none; /* Webkit (Safari, Chrome) */
    color:White;
}

.unselectedCell {
	border: 1px solid;
	border-color: transparent;
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Gecko (Firefox) */
	-khtml-user-select: none; /* Webkit (Safari, Chrome) */
	padding: 10px 5px 0px 5px;
	background-color: #ffffff;
	width: 320px;
	height: 370px;
	box-shadow: 0.5px 0.5px 1px 0.5px #cccccc;
}

.thumbViewImage
{
	border:0px;
	vertical-align: middle;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.thumbViewImageForWFTaskView
{
	border-style: none;
    border-color: inherit;
    border-width: -40px;
    vertical-align: middle;
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.thumbBorderForWFTaskView
{
	border-spacing: 0px;
}

.thumbBorder
{
    /*height:210px;*/
	border-spacing: 4px;
	width: 300px;
	height: 300px;
}

.selectedCell .disableThumbViewName
{
    color:White;
}

.selectedCell .thumbViewName
{
}

.selectedCell .thumbViewNameForWFTaskDocListView {
    color: White;
}

.selectedCellForWFTaskDocListView .thumbViewNameForWFTaskDocListView
{
    color:White;
}
.disableThumbViewName
{
	font-size:12px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	cursor:default;
	font-weight:bold;
	color:Gray;
}

.thumbViewName
{
	font-size:12px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	cursor:pointer;
	font-weight:bold;
	color:#1a74ba;
}

.thumbViewNameForWFTaskDocListView
{
	font-size:12px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	cursor:pointer;
	color:#000000;
	font-weight: bold;
    color: #1a74ba;
}

.thumbPanel {
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #F5F6FA;
    /* background: url(../images/login/background.jpg) #565656 repeat; */
    /*background-color: #7D818A;*/
}

.thumbSubPanelForWFTaskView
{
	padding: 0 0 0 0;
}

.thumbSubPanel
{
	padding: 10 10 10 10;
}

/* mail view style */

.mailViewItem
{
	color:Black;
	border:0px;
	height:74px;
	background:url(../images/mailView/mailViewbg.png) repeat-x;
	user-select: none; /* CSS3 */
    -moz-user-select: none; /* Gecko (Firefox) */
    -khtml-user-select:none; /* Webkit (Safari, Chrome) */
}

.mailViewSelect
{
	color:White;
	border:0px;
	height:74px;
	background:url(../images/mailView/mailViewbg_select.png) repeat-x;
	user-select: none; /* CSS3 */
    -moz-user-select: none; /* Gecko (Firefox) */
    -khtml-user-select:none; /* Webkit (Safari, Chrome) */	
}

.mailViewTable
{
	border-width:0px;
	background-color:White;
	border-collapse:collapse;
}

.mailImgCell
{
	width:64px;
	text-align:center;
}

.sbTable {
	font-family:Segoe UI Light;
	letter-spacing:-1px;
	font-size:11px;
	width: 100%;
	color:inherit;
}

.mailViewName
{
	font-family:Arial;
	font-size:12px;
	text-shadow: #cccccc 0 1px 0;
	cursor:pointer;
	width: 230px;
}

.mailViewName p
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mailViewDate
{
	font-family:Arial;
	font-size:12px;
	color:Blue;
}

.mailViewDesc
{
	font-family:Arial;
	color:#808080;
	font-size:12px;
	overflow:hidden;
}

.mailViewDesc p
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* paging link */

.nav 
{
	color:Black;
	font-size:12px;
	font-family:Segoe UI;
	width:15px;
	text-align:center;
}
.nav A:link, A:visited, A:hover, A:active
{
	color:Black;
	text-decoration:none;
}

/* end view style */

.menuLeftBorder
{
	width:24px;
	background-color:#ededed;
}

.settingMenuTable
{
	box-shadow: 5px 5px 2px rgba(88,88,88,0.8);
	border-width:1px;
    border-style:groove;
}

.settingMenuItem
{
	color:black;
	font-size:12px;
	font-family:Segoe UI;
	background-color:White;
	height:30px;
	vertical-align:middle;
}

.settingMenuItemOver
{
	cursor:pointer;
	color:White;
	font-size:12px;
	font-family:Segoe UI;
	background-color:#6A6F75;
	height:30px;
	vertical-align:middle;
	/*background-image: url('../dhtmlx/codebase/imgs/dhxmenu_dhx_skyblue/dhxmenu_subselbg.gif') !important; background-repeat: repeat-x;*/
	background-color: #3a75ff;
}

.settingMenuNotch
{
    border-top: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 13px solid white;
    position: absolute;
    top:-12px;
    left: 192px;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
     /* ie6 transparent fix */
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);    
}

.settingMenuNotchBorder
{
	border-bottom-color: black; top: -13px;
}

.imgLink
{
	cursor:pointer;
	border: none;
}

div.gridbox_material.gridbox table.obj.row20px img.imgLink
{
    display:inline;
}

.imgLink[disabled]
{
	cursor:default;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.toolbarItem, .toolbarItemText
{
	font-size:12px;
	font-family:Arial;
	vertical-align:middle;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}

.toolbarItemText 
{
	text-align:center;
	width:20px;
}
.toolbarItem A:link, A:visited, A:hover, A:active {text-decoration:none; }

.headerLabel
{
	font-size:24px;
	font-family:Segoe UI Light;
	color:Navy;
}

.headerLabelSmall
{
	font-size:16px;
	font-family :Arial ;
	color:Gray;
}

.userNameLabel
{
	font-size:28px;
	font-family:Arial;
	color:#5caa1a;
}

.infoTable
{
	font-size:12px;
	font-family:Arial;
	color:#787878;
	width:100%
}

.infoTable td
{
	height:24px;
	padding: 0 0 0 10;
}

.errMessage
{
	color:Red;
	font-size:14px;
	font-family:Arial;
}

.okMessage
{
	color:Green;
	font-size:14px;
	font-family:Arial;
}

/*
.inputButton
{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);

	color:rgba(0,0,0,0.9);
	text-shadow:1px 1px 0px rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.5);
	
	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
	background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,185,1));

	padding:5px 5px 5px 5px;
}

.inputButton:hover {
	background:rgba(240,240,240,1);
}

.inputButton:active, .inputButton:focus {
	background:-webkit-gradient(linear,0% 100%,0% 0%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
	background:-moz-linear-gradient(bottom,rgba(255,255,255,1),rgba(185,185,185,1));
}

.inputButton:disabled {
	color:rgba(0,0,0,0.4);
	text-shadow:1px 1px 0px rgba(255,255,255,0.5);
	background:rgba(220,220,220,1);
}*/

.flatButtonForWFTaskDocListView
{
	/*font-size:12px;
	font-family:Arial;
	height:21px;
	width:80px;
	font-weight: bold;
	color:#FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;*/
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	height:29px;
	width:70px;
	border: 1px solid #d5d5d5;
	background-color:#edefee;
	color:#444243;
	cursor:pointer;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	margin: 0 10 0 0;
}

.flatButtonForWFTaskDocListView[disabled]
{
	color:#888687;
	cursor:default;
	background-color:#edefee;
}

.flatButton 
{
	/*font-size:12px;
	font-family:Arial;
	height:21px;
	width:80px;
	font-weight: bold;
	color:#FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;*/
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	height:29px;
	width:80px;
	border: 1px solid #d5d5d5;
	background-color:#edefee;
	color:#444243;
	cursor:pointer;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	margin: 0 10 0 0;
    line-height:normal;
}
.flatButton[disabled]
{
	color:#888687;
	cursor:default;
	background-color:#edefee;
}
.flatButton span
{
	position:relative;
	top:7px;
}

input.flatButton, button.flatButton {
   /*border: 0px none;*/
}

.redStyle
{
	background-color:#8e1a1a;
	color:White;
	cursor:pointer;
}
.blueStyle {
	/*background-color:#3A75FF;*/
	background-color: #0065a5;
	color:White;
	cursor: pointer;
}
.blueStyle[disabled]
{
}

.greenStyle
{
	background-color:#2d7d37;
	color:White;
	cursor:pointer;
}
.grayStyle
{
	background-color:#555454;
	color:White;
	cursor:pointer;
}
.disRedStyle
{
	background-color:#be4a4a;
}
.disBlueStyle
{
	background-color:#5d63ac;
}
.disGreenStyle
{
	background-color:#4d9d57;
}
.disGrayStyle
{
	background-color:#757474;
}
.hiddenStyle
{
	visibility:hidden;
}

.blueButton{
	font-size:12px;
	font-family:Arial;
	height:25px;
	font-weight: bold;
	color:#FFFFFF;
	background-color:#779999;
	background: url(../images/button/button-export.png) #cccccc repeat-x;
	border: 1px #333333 solid;
	padding: 5 15 5 15;
	 -webkit-border-radius: 13px;
}
.blueButton{
	font-size:12px;
	font-family:Arial;
	height:25px;
	font-weight: bold;
	color:#FFFFFF;
	background-color:#779999;
	background: url(../images/button/button-export-hover.png) #cccccc repeat-x;
	border: 1px #333333 solid;
	padding: 5 15 5 15;
	 -webkit-border-radius: 13px;
}

.inputButton 
{
/*	font-size:12px;
	font-family:Arial;
	height:21px;
	font-weight: bold;
	color:#FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	width:100px;
	border: 0px none;
	background-color:#555454;
	cursor:pointer;*/
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	height:29px;
	width:80px;
	border: 1px solid #d5d5d5;
	background-color:#edefee;
	color:#444243;
	cursor:pointer;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	margin:0 10 0 0;
}
.inputButton[disabled]
{
	color:#888687;
	cursor:default;
}

.textarea
{
	white-space:pre;
}

.dynGridBox
{
	border-width: 0px;
	border-style:solid;
	overflow:hidden;
	display:block;
}

.stdSelect
{
    width:280px;
    height:32px;
	font-size:12px;
	font-family:Arial;
	vertical-align:middle;
	padding:0px;
}

.stdInput
{
	width:280px;
	height:28px;
	font-size:12px;
	font-family:Arial;
	vertical-align:middle;
	padding:0px;
}

.selButton
{
	height:32px;
	width:40px;
}

.messaglabel
{
	text-align:left;
	color:Red;
	font-size:12px;
}

.welcomeText
{
	color:White;
}

.loginTextLabel
{
	color:#676767;
	font-family:Arial;
	font-size:16px;
}

.topMenu
{
	color:White;
	font-size:small;
	text-decoration:none;
}

.topBar
{
	border:0;
	width:100%;
	height:56px;
	/*background:url(../images/topbar/top_bg.png) repeat-x;*/
	background-color:#ededed;
	font-size:12px;
}

.topBar table
{
	font-size:13px;
	color: #555555;
	border-spacing:0px;
	border-collapse:collapse;
}

.topBar td,th
{
	padding:0px;
}

.topBarHead
{
	width:5px;
	height:56px;
	background:url(../images/topbar/top_header.png);
}

.midBar
{
	border:0;
	width:100%;
	height:35px;
	/*background:url(../images/midbar/mid_bg.png) repeat-x;*/
	background-color: #AAC7F3;
	font-size:14px;
	font-weight:bold;
	color:White;
}

.midBar_login
{
    color:#14457F;
}

.bottomBar
{
	border:0;
	height:25px;
	width:100%;
	background:url(../images/bottombar/bottom_bg.png) repeat-x;
}

.DocTopBar
{
	font-size:12px;
	font-family:Arial;
	border:0;
	width:100%;
	height:37px;
	/*background:url(../images/documentbar/document_topbar.jpg) repeat-x; */
	background-color:White;
	background-position:bottom;
	border-bottom: 1px solid lightgray;
}

.DocMidBar
{
	font-size:12px;
	font-family:Arial;
	border:0;
	width:100%;
	height:37px;
	background:url(../images/documentbar/document_topbar.jpg) repeat-x;
	/*background:url(../images/documentbar/document_midbar.jpg) repeat-x;*/
}

/* Search Bar */
.SearchBox {
    background: url(../images/searchbar/search-white.png) no-repeat 10px 6px #fcfcfc;
    border: 1px solid #d1d1d1;
    font-family:Arial;
    color: black;
    width: 200px;
    padding: 6px 15px 6px 35px;
  
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;

    height: 28px;
}

.RoundBox
{
    background-color: #EDEDED;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

.RoundBox-header
{
	text-align:left;
	padding: 5px;
	padding-left:10px;
	position: relative;
    -moz-border-radius: 10px 10px 0px 0px;   
    -webkit-border-radius: 10px 10px 0px 0px;       
    border-radius: 10px 10px 0px 0px;       
}


/* callout box */

.callout {
    position: absolute;
    margin: 18px 0;
    padding: 18px 20px;
    background-color: #EDEDED;
    /* background-color: #dfe4ea; */
    /* easy rounded corners for modern browsers */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width:340px;
    height:300px;
    font-size:12px;
    display:none;
    z-index:1;
}
.callout .notch {
    position: absolute;
    top: -10px;
    left: 348px;
    margin: 0;
    border-top: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #EDEDED;
    padding: 0;
    width: 0;
    height: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
     /* ie6 transparent fix */
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
}
.border-callout { border: 1px solid #d0d0d0; padding: 17px 19px; }
.border-callout .border-notch { border-bottom-color: #d0d0d0; top: -11px; }

.callout .bnotch 
{
    position: absolute;
    top:330px;
    left: 348px;
    margin: 0;
    border-top: 10px solid rgba(237,237,237,1);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 0;
    padding: 0;
    width: 0;
    height: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
     /* ie6 transparent fix */
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
}


.calloutContent
{
	width:340px;
	height:260px;
	background-color:White;
	overflow:auto;
}

.documentCover
{
	position: absolute;
	top: 0px;
	left:0px;
	display:none;
	z-index:1000;
	filter: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=0 );
}

/* workflow task style */

.taskMain
{
	font-family:Arial;
	font-size:10px;
}

.taskAttLink
{
	cursor:pointer;
	padding-left: 5px;
}

.taskAttImg
{
	vertical-align:middle;
	cursor:pointer;
	border: none;
}

/* for scroll bar 
::-webkit-scrollbar 
{
	background-color:White;
    width: 14px;
}

::-webkit-scrollbar:horizontal {
	background-color:White;
	height:14px;
}

 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
*/

.docSavePageDiv
{
	width:450px;
    font-weight:bold;font-family:Arial;font-size:13px;
    padding-top: 5%;
}

.L1Text
{
	font-size:18px;
}

.L2Text
{
	font-weight:normal;
}

.M1Text
{
	font-size:14px;
	font-weight:bold;
}

.M2Text
{
	font-size:12px;
}

.M3Text
{
	font-size:12px;
	color:#808080;
}

.M4Text
{
	font-weight:bold;
}

.M5Text
{
	font-size:16px;
	font-weight:bold;
    max-width:400px;
}

.M5Text p{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}

.MLink
{
	cursor:pointer;
}

.attachLink 
{
	white-space:nowrap;
	cursor:pointer;
	text-overflow:ellipsis;
	max-width:200px;
    padding-right:10px;
    padding-left:10px;
    display:block;
    overflow:hidden;
}

.attachButton
{
	text-align:right;
	margin:0 0 0 0;
}

.tdHeader
{
}

.tdFooter
{
}

.tdContent
{
	height:100%;
}

.wfbox 
{
}

.wfbox p
{
	position:relative;
	top:60px;
	width:90%;
}

.wfbox img
{
	float:right;
	border:0;
	position:relative;
	top:18px;
	right:6px;
	width:30px;
	height:30px;
}

.wfscript
{
	background-image:url(../images/workflow/wfscript.png);
}

.wfintegrate
{
	background-image:url(../images/workflow/wfintegrate.png);
}

.wfexport
{
	background-image:url(../images/workflow/wfexport.png);
}

.wfdatabase
{
	background-image:url(../images/workflow/wfdb.png);
}

.wftask
{
	background-image:url(../images/workflow/wftask.png);
}

.wfemail
{
	background-image:url(../images/workflow/wfemail.png);
}

.wfgate
{
	background-image:url(../images/workflow/wfgate.png);
}

.wfgate p
{
	width: 50%;
}

.roundIndicator
{
    background-color:#75d340;
    /* background-color: #dfe4ea; */
    /* easy rounded corners for modern browsers */
    border-radius: 10px;
}

.roundIndicator[style=Red]
{
    background-color:#d34040;
}

.roundIndicatorLeft
{
	background-color:#3a9805;
    border-radius: 10px 0px 0px 10px;
}

.roundIndicatorLeft[style=Red]
{
	background-color:#98050f;
}

.roundIndicatorRight
{
	background-color:#3a9805;
    border-radius: 10px;
}

.roundIndicatorRight[style=Red]
{
	background-color:#98050f;
}

.DBText15B
{
	color:#555555;
	font-size:15px;
	font-weight:bold;
}

.DBText16B
{
	color:Black;
	font-size:16px;
	font-weight:bold;
}

.DBText12B
{
	color:#555555;
	font-size:12px;
	font-weight:bold;
}

.DBText12
{
	color:#555555;
	font-size:12px;
}

.dashboard
{
    background-color:#ADACAE;
    overflow-x:hidden;
    overflow-y:auto;
}

.dashboardButton 
{
	width:100%;
	height:35px;
	font-size:15px;
	color:White;
	font-weight:bold;
	vertical-align:middle;
	display:table-cell;
}

.dashboardGreenButton
{
	position:absolute;
	z-index:100;
	top:5px; 
	left:0px;
	display:table-cell;
	width:100%; 
	color:White;
	text-align:center;
	vertical-align:middle;
	font-size:15px;
}

.dashboardHeader
{
	font-size:22px;
	font-weight:bold;
	line-height:50px;
	vertical-align:middle;
}

.dashboardText
{
	font-size:12px;
	line-height:18px;
}

a.loginLink:link, a.loginLink:visited, a.loginLink:active 
{
	 text-decoration:none;
	 font-weight:bold;
	 color:#1a74ba;
	 font-size:12px;
}

a.loginLink:hover
{
	 text-decoration:underline;
	 font-weight:bold;
	 color:#1a74ba;
	 font-size:12px;
}

.dashboardGuidOuter
{
	position:relative;height:90px; display:table-cell; vertical-align:middle;
	width:100%;
}


.innerRoundArea
{
    background-color: #EDEDED;
    /* background-color: #dfe4ea; */
    /* easy rounded corners for modern browsers */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.dbselectbox
{
	width:150px;
}

.tagLink
{
    font-size: 10pt;
    text-decoration: none;
    border-radius: 3px;
    padding: 3px 7px;
    color: Black;
    line-height: 30px;
    background-color: #edefee;
    margin-right: 5px;
    cursor: pointer;
}

.tagRect
{
	height: 120px; 
	width: 100px; 
	border: 3px solid white; 
	border-bottom: 1px solid white;
	border-radius: 3px;
}

.imageSelector
{
	width:200px;
	height:100px;
	border:0px;
	cursor:pointer;
}

/*event in day or week view*/
.dhx_cal_event.activity_event div{
    background-color: orange !important;
    color: white !important;
}
/*multi-day event in month view*/
.dhx_cal_event_line.activity_event{
    background-color: orange !important;
    color: white !important;
}
/*event with fixed time, in month view*/
.dhx_cal_event_clear.activity_event{
    color: orange !important;
}

.dhx_cal_event.taskComplete_event div{
    background-color: green !important;
    color: white !important;
}
.dhx_cal_event_line.taskComplete_event{
    background-color: green !important;
    color: white !important;
}
.dhx_cal_event_clear.taskComplete_event{
    color: green !important;
}

.dhx_cal_event.taskExpiry_event div{
    background-color: red !important;
    color: white !important;
}
.dhx_cal_event_line.taskExpiry_event{
    background-color: red !important;
    color: white !important;
}
.dhx_cal_event_clear.taskExpiry_event{
    color: red !important;
}


.dhx_cal_navline div
{
	top: 8px !important;
}

.dbDesignCell
{
	width:100%;
	display: table;
	text-align: center;
	background-color:Gray;
}

.dbDesignCell span
{
	display: table-cell;
	vertical-align: middle;
	font-size: 24px;
	color: White;
}

.dbNormalCell
{
	width:100%;
}

.wpBox
{
    background-color:#F3F3F3;
    border:0px;
    width:100%;
	padding: 0px;
	border-spacing:0px;
    margin-top:0px;
    -moz-border-radius:7px;
    border-radius:7px;
}

.wpTitle
{
	height:44px;
	text-indent:15px;
	font-size:19px;
	color:#656565
}

.wpPaging
{
	white-space:nowrap;
}

.wpAction
{
    width:10px;
}

.wpContent
{
	width:100%;
	background-color:White;
}

/*dhtml sub row*/
.dhx_sub_row
{
    font-family: Arial;
    font-size: 12px;
    border-width: 0px 0px 0px 0px;
    padding: 5px;
}

/* workflow comments */
.myCommentBlock
{
    width:200px;
    color:Black;
    background-color: White;
    border: 1px solid #d0d0d0; 
	border-radius: 5px;
	padding: 2px;
    margin-bottom:5px;
	float:right;
	cursor:pointer;
}

.selectedCommentBlock
{
    width:200px;
    color:Black;
    background-color: #fff7ae;
    border: 1px solid #d0d0d0; 
	border-radius: 5px;
	padding: 2px;
    margin-bottom:5px;
	float:right;
	cursor:pointer;
}

.otherCommentBlock
{
    width:200px;
    background-color: White;
    border: 1px solid #d0d0d0; 
	border-radius: 5px;
	padding: 2px;
    margin-bottom:5px;
    float:left;
}

.myCommentBlock .commentUser
{
    color:Green;
}

.otherCommentBlock .commentUser
{
    color:Red;
}

.commentUser
{
    font-weight:bold;
}

.commentMsg
{
}

.commentDatetime
{
    text-align:right;
}

.ocTable {
	border-spacing:0px;
	color:inherit;
}

.ocTable td {
	vertical-align:top;
}

.ocTdLeftTop {
    border-left: 1px solid #3388dd;
    border-top: 1px solid #3388dd;
    height: 10px;
}

.ocTdLeft 
{
    border-left: 1px solid #3388dd;
    height:10px;
}

.ocTdSpace
{
    width:10px;
    height:1px;
    border-color:White;
}

.ocItem {
    padding:10px 16px;
    text-align : center;
    border:2px solid #b5d9ea;
    background-color: #edf7ff;
    white-space:nowrap;
    user-select: none;
    cursor: pointer;
	line-height: 20px;
}

.ocItemSelected {
    padding: 10px 16px;
    text-align: center;
    border: 2px solid #e3ca4b;
    background-color: #fff7ae;
    white-space: nowrap;
    user-select: none;
    cursor: pointer;
}

.ocTablePanel
{
    float:left;
}

.ocContainer{
    width:100%;
    overflow:auto;
}

.ocLevelContainer {
    position: absolute;
    width: 300px;
    background-color: white
}

.ocLevel {
    height: 95px;
    padding-top: 30px;
}

.ocOddBGColor {
    background-color: #FEFEFE;
}

.ocEvenBGColor{
    background-color: #dddddd;
}

.headerInput
{
    width:90px;
	height:29px;
	font-size:12px;
	font-family:Arial;
	vertical-align:middle;
	box-sizing:border-box;
}

.headerLabel
{
    color:White;
    font-size:14px;
	font-family:Arial;
}

.dashboard_header
{
    background-color:#3399CC;
    font-family:Arial;font-size:16px;line-height:16px;color:#FFFFFF;font-weight: bold;padding: 0 5px 0 5px;white-space: nowrap;text-overflow: ellipsis;text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
}

.dashboard_header tr
{
    height: 42px;
}

.watermark 
{
    position:absolute;
    opacity: 0.25;
    z-index:1000;
    text-align:center;
    font-size:28px;
    width:100%;
}

.docViewFolderPath
{
    font-size:10px;
    color:#0071C5;
    cursor:pointer;
}

.stdErr
{
    background-color:Red;
    color:White;
}

.imgRotate90 
{
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);  
}

.imgRotate180
{
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);  
}

.imgRotate270
{
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);  
}

.wftaskGroupHeader
{
     background-color: #144B8A;
     color: White;
     font-size:16px;
    font-weight:bold;
    padding-left:5px;
}

.folderDesc
{
    color:#14457F;
    font-weight:bold;
}

/* for index page */
.indexPage
{
    background-color:#EDEDED;
}

.indexPanel
{
    margin: 4vw;
    background-color: White;
}

.indexPageHeader
{
    margin: 4vw;
    font-size: 1.5vw;
}

.indexTable
{
    width:100%;
	border-spacing:0px;
	border-collapse:collapse;
	color:inherit;
	padding: 2vw;
	font-size: 1vw;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.indexTable tr
{
    border-bottom: 1px solid black;
}

.indexTable td
{
	padding:1vw;
}

.indexTable th
{	
	padding:1vw;
}

/* for font awesome */
i:hover:not(.fa-disabled){
	color: #3a75ff;
	cursor: pointer;
}
.fa-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}


.searchUnderline {
    border-bottom: 2px solid currentColor;
    display: inline-block;
    line-height: 0.85;
}