@import "ddstyle.css";

/* Docupace CSS Document */

/* ----------          My Desktop CSS          ----------*/



    html, body, .height100 {font: 11px Arial, Helvetica, sans-serif;
						background-color: #fff;
						height: 100%;
						margin: 0px;
						padding: 0px;
						border: none;
						}
						
	.mobile .maximize	{width: auto; height: auto;}
	.mobile.android .maximize	{width: 100%; height: 100%;}
	.mobile .pdfview	{width: 8.5in; height: 11in;}
	.maximize, .pdfview	{width: 100%; height: 100%;}
	/* DS-6818 begin */
	.mobile #retrieveFrame{
		min-width: 100%;
		min-height: 1024px;
	}
	/* DS-6818 end */
	/* DS-5733 begin */
	.ie iframe.maximize, .ie iframe.pdfview {
		height: 100%;
		height: calc(100vh - 65px - 22px); /* screen height - header - footer */
		min-height: 90%;
	}
	/* DS-5733 end */

	a img {				border: none;}
	a.tabLink img 	{	border: none; vertical-align: bottom;}


	.pageHeaderLogoCell {/*background: url(../images/bg-top-tabs-logo.png) no-repeat scroll left bottom transparent;*/}

	.pageHeaderMenuCell {/*background: url(../images/bg-top-tabs.png) no-repeat scroll left bottom transparent;*/}

	.pageHeaderLinksCell {/*background: url(../images/bg-top-tabs-logo.png) no-repeat scroll left bottom transparent;*/
						padding-top: 5px;
						padding-right: 15px;}

/* -----Data Table----- */



	.header {			font-size: 12px;
						font-weight: bold;
						margin-left: 25px;
						color: #155f9e;}
						
	.tableheader {		background-image: url(../images/TableHeader.gif);
						background-position:  top left;
						background-repeat: repeat-x;
						border-left: 1px solid #cbcbcb;
						color: #fff;
						text-decoration: none;}					
						
	.datatable {		margin-bottom: 10px;
						empty-cells:  show;
						font: 11px Arial, Helvetica, sans-serif;}
						
	.datatable th {		background-image: url(../images/TableHeader.gif);
						background-position:  top left;
						background-repeat: repeat-x;background-color: #fff;
						color: #10659E;
						padding-left: 3px;
						padding-top: 4px;
						padding-right: 3px;
						padding-bottom: 3px;
						font: 11px Arial, Helvetica, sans-serif;
						font-weight: normal;}
						
	.datatable th a:link {color: #fff;}
						
	.datatable th a:visited {color: #fff;}
						
						
	.datatable table tr td a:link, .datatable table tr td a:visited {
						background-position:  top left;
						background-repeat: repeat-x;
						color: #10659E;
						font: 11px Arial, Helvetica, sans-serif;
						text-decoration: none;}
						
	.datatable table tr td a:hover{
						background-position:  top left;
						background-repeat: repeat-x;
						color: #3798da;
						text-decoration: none;}		
											
	.datacell {			border-bottom: 1px solid #dddddd;
						text-align: left;
						padding: 3px;}
						
	.datatable .tabletitle { background-color: #547db5;
						color: #fff;
						border-left: 1px solid #cbcbcb;
						border-top: 1px solid #cbcbcb;
						border-right: 1px solid #cbcbcb;
						padding: 5px;
						text-align: center;
						font: 12px Arial, Helvetica, sans-serif;
						font-weight: bold;}
					
	.commontable {		margin-bottom: 5px;
						font: 12px Arial, Helvetica, sans-serif;}
						
	.tabletitle { 		background-image: url(../images/TableTitle.gif);
						background-position: top left;
						background-repeat:  no-repeat;
						background-color: #fff;
						color: #fff;
						padding: 5px;
						text-align: left;
						font-weight: bold;}
						
	.tabletitlefade { 
						background-image:  url(../images/TableTitle.gif);
						background-position: top left;
						background-repeat:  no-repeat;
						background-color: #fff;
						color: #fff;
						padding: 5px;
						text-align: left;
						font-weight: bold;}					

	.tablenumrecords {	font: 11px Arial, Helvetica, sans-serif;
						padding-right: 8px;
						color: #31A0C8;
						text-align: right;
						font-weight: bold;}
						
	.commontablebar {	background-color: #fff;
						font: 12px Arial, Helvetica, sans-serif;
						font-weight: bold;
						color: #333;
						padding-top: 5px;
						padding-bottom: 5px;
						text-align: left;}
						
	.commontablebuttons {background-color: #fff;
						text-align: left;}
						
	.commontablebarright {background-color: #c9d1ed;
						font-size: 11px;
						font-weight: bold;
						color: #444;
						padding-left: 20px;
						padding-top: 5px;
						padding-bottom: 5px;
						text-align: right;}
						
	.recordsctrl {		font: 12px Arial, Helvetica, sans-serif;
						color: #155f9e;}
	
	.recordsctrl b {	font: 12px Arial, Helvetica, sans-serif;
						color: #155f9e;}
	
	.recordsctrl a:link {font: 12px Arial, Helvetica, sans-serif;
						color: #155f9e;}
						
	.recordsctrl a:visited {font: 12px Arial, Helvetica, sans-serif;
						color: #155f9e;}
						
	.recordsnav {		margin-left: 5px;}
	
	.recordscmds a {	font: 12px Arial, Helvetica, sans-serif;
						color: #000;
						background-color: #ddd;
						text-decoration: none;
						display: inline;
    					padding: 3px; 
						border-top: 1px solid #cccccc;
  						border-bottom: 1px solid black;
  						border-left: 1px solid #cccccc;
  						border-right: 1px solid black;
						text-align: center;
						margin-left: 15px;}
	
    .recordscmds a:hover {background-color: #eee;
						color: #000;}
	
	.even {				background-color: #ffffff;}
	
	.odd {				background-color: #ffffff;}
	
				
	
	

/* -----Data Table Actions----- */



	td.action {			text-align: left;
						padding: 3px;
						border-bottom: 1px solid #dddddd;
						font: 11px Arial, Helvetica, sans-serif;
						white-space: nowrap;
						width: 1%;}
	
	.action a:link, .action a:visited {	color: #155f9e;
						font: 11px Arial, Helvetica, sans-serif;}
	
	.action a:hover {	color: #4594d8;
						font: 11px Arial, Helvetica, sans-serif;}
	


/* -----Data Table Common Commands----- */


	
	.commoncmdsbar {	background-color: #efefef;
						padding: 10px;
						margin-top: 10px;
						margin-left: 5px;
						margin-right: 5px;}
		
	.commoncmds a {		font: 12px Arial, Helvetica, sans-serif;
						color: #000;
						background-image:  url(../images/commonbutton.gif);
						background-position: 0 0;
						background-repeat:  no-repeat;
						text-decoration: none;
						display: block;
						width: 170px;
						height: 25px;
						line-height: 23px;
						text-align: center;}
	
    .commoncmds a:hover {
						background-color: #eee;
						background-image:  url(../images/navbutton.gif);
						background-position: 0px -125px;
						background-repeat:  no-repeat;
						color: #000;}



/* -----Help, Contact Us, Privacy Links-----*/



	.linkformat {		font: 12px Arial, Helvetica, sans-serif;
						font-weight: bold;
						color: #1861a2;}
						
	.links {			padding-top: 5px;
						padding-right: 15px;}
						
	.spacer {			font: 12px Arial, Helvetica, sans-serif;
						font-weight: bold;
						color: #1861a2;}



/* -----Logo Placement-----*/



	img#logo {			margin-top: 5px;
						margin-left: 15px;
						margin-right: 5px;
						max-width: 320px;
	}


/* -----Navigation Folder Tabs-----*/

	
												
	.navtabbar {		background-color: #9dc8f2;
						height: 10px;}
						
	.topspacer {		height: 15px;}
	
	.thinline {			height: 2px;
						background-color: #1797c0;}

	.thickline {		height: 4px;
						background-color: #1797c0;}


/* -----Navigation Panel Design----- */



	
	.navborder {		background-color: #eaebff;
						height: 3px;}
	
	.navpanel {			background-color: #D0ECF8;
						padding-top: 10px;
						padding-bottom: 25px;
						text-align: left;
						padding-left: 15px;
						padding-right: 15px;}
	
	.navpanelnopad {	background-color: #D0ECF8;
						padding-top: 10px;
						padding-bottom: 25px;
						text-align: left;
						padding-left: 15px;}
	
	.navpanel img {		border: none;}
	
	.navpanel select {	width: 210px;
						margin-bottom: 7px;
						font: 11px Arial, Helvetica, sans-serif;}
						
	.navpanel ul li {	list-style-type: none;}
						
	.navpaneltitle {	font: 12px Arial, Helvetica, sans-serif;
						background-image: url(../images/TaskTitle.gif);
						background-position:  top left;
						background-repeat: repeat-x;
						color: #fff;
						font-weight: bold;
						padding: 5px;}
						
	.navpaneltitleright {font: 12px Arial, Helvetica, sans-serif;
						background-image: url(../images/TaskTitle.gif);
						background-position:  top right;
						background-repeat: repeat-x;
						width: 5px;}
						
	.navlabel {			font: 12px Arial, Helvetica, sans-serif;
						text-align: left;
						color: #000;}

	.navtextfield {		margin-bottom: 7px;
						text-align: left;
						height: 15px;}
	
	.navpanelspace {	background-color:  #fff;}
	
	.monitortextfield {	margin-bottom: 7px;
						height: 18px;
						width: 210px;
						font: 11px Arial, Helvetica, sans-serif;}
	
	.foldertextfield {	margin-bottom: 7px;
						height: 20px;
						width: 190px;
						font: 11px Arial, Helvetica, sans-serif;}
						
	.navbutton {		margin-top: 15px;
						margin-left: 15px;
						color: #000;}
						
	.navcmds a {		font: 12px Arial, Helvetica, sans-serif;
						color: #ffffff;
						background-image:  url(../images/navbutton.gif);
						background-position: 0 0;
						background-repeat:  no-repeat;
						text-decoration: none;
						display: block;
						width: 170px;
						height: 25px;
						line-height: 23px;
						padding-bottom: 10px;
						text-align: center;}
	
    .navcmds a:hover {	background-color: #eee;
						background-image:  url(../images/navbutton.gif);
						background-position: 0px -125px;
						background-repeat:  no-repeat;
						color: #fff;}
						
	.navtablink {		font: 12px Arial, Helvetica, sans-serif;
						font-weight: bold;
						margin-left: 15px;
						margin-right: 15px;}
	
   .copyright {     	font: 9px Arial, Helvetica, sans-serif;
                  		font-weight: normal; text-align: right; }


/* -----Outer Table-----*/



	.outertable {		border-left: 1px solid #cbcbcb;
						border-right: 1px solid #cbcbcb;
						border-bottom: 1px solid #cbcbcb;}

	
	
/* -----Tasklist Rollover Buttons----- */


	
	.all a {			font: 12px Arial, Helvetica, sans-serif;
						color: #155f9e;
						display: block;
    					padding: 5px;
						text-align: left;
						margin-left: 15px;
						margin-bottom: 1px;
						line-height: 1.7em;}
						
	.all a:hover {		color: #155f9e;
						background-color: #c9d1ed;}
		
	.process a {		font: 12px Arial, Helvetica, sans-serif;
						color: #000;
						display: block;
    					padding: 5px;
						text-align: left;
						margin-bottom: 1px;
						line-height: 1.7em;}
	
    .process a:hover {	color: #65a2de;}
		
	.task a {			font: 12px Arial, Helvetica, sans-serif;
						color: #000;
						display: block;
    					padding: 5px;
						text-align: left;
						margin-left: 20px;
						margin-bottom: 1px;
						line-height: 1.7em;}
	
    .task a:hover {		color: #65a2de;}
	
	.all .active {		font: 12px Arial, Helvetica, sans-serif;
						color: #155f9e;
						border-left: 1px solid #000;
						border-top: 1px solid #000;
						border-right: 1px solid #fff;
						border-bottom: 1px solid #000;
						background-color: #fff;
						display: block;
    					padding: 5px;
						text-align: left;
						margin-right: -1px;
						margin-left: 15px;
						margin-bottom: 1px;
						line-height: 1.7em;}
						
	.process .active {	font: 12px Arial, Helvetica, sans-serif;
						color: #155f9e;
						background-color: #fff;
						display: block;
    					padding: 5px;
						text-align: left;
						margin-right: -1px;
						margin-bottom: 1px;
						line-height: 1.7em;}
						
	.task .active {		font: 12px Arial, Helvetica, sans-serif;
						color: #155f9e;
						background-color: #fff;
						display: block;
    					padding: 5px;
						text-align: left;
						margin-right: -1px;
						margin-left: 20px;
						margin-bottom: 1px;
						line-height: 1.7em;}
		
	.newprocesslist a {	font: 12px Arial, Helvetica, sans-serif;
						color: #fff;
						background-color: #999;
						text-decoration: none;
						display: inline;
    					padding: 4px; 
						border: 1px solid #000;
						margin: 15px;}
	
    .newprocesslist a:hover {background-color: #bbb;
						color: #fff;}
						
	.navborderright {	padding: 5px;
						margin-left: 5px;}
						
	.navborderleft {	background-color: #fff;
						padding-left: 5px;
						padding-top: 5px;
						padding-right: 5px;
						width: 20%}

	.notSelectedNodeViewClass {
						white-space: nowrap;
						font: 12px Arial, Helvetica, sans-serif;
						color: #000;
						padding: 0px 0px;
						margin-left: 0px;}

	.selectedNodeViewClass {
						white-space: nowrap;
						font: 12px Arial, Helvetica, sans-serif;
						color: #155f9e;
						background-color: #fff;
						padding: 1px 0px;
						margin-left: 0px;}

	.notSelectedNodeViewClass img, .selectedNodeViewClass img {
						vertical-align: middle;  
						}

	.notSelectedNodeViewClass a, .selectedNodeViewClass a { 
						white-space: nowrap;
						color: #000;
						}
	
	.notSelectedNodeViewClass a:hover, .selectedNodeViewClass a:hover { 
						color: #65a2de;
						}

/* -----User Identification-----*/


	.userformat {	font: 12px Arial, Helvetica, sans-serif;
						font-weight: bold;
						padding-right: 7px;}
						
						

/* ----------          Task Details CSS          ----------*/


/* -----Task Details Panel Design----- */



	.taskdesc {			font: 12px Arial, Helvetica, sans-serif;
						background-color: #ecedee;
						padding-top: 20px;
						padding-right: 15px;
						padding-bottom: 20px;
						padding-left: 15px;
						text-align: left;
						border-left: 1px solid #cbcbcb;
						border-top: 1px solid #cbcbcb;
						border-right: 1px solid #cbcbcb;}

	.taskError {		font: 12px Arial, Helvetica, sans-serif;
						font-weight: bold;
						color: red;
						background-color: #ecedee;
						padding-top: 20px;
						padding-right: 15px;
						padding-bottom: 20px;
						padding-left: 15px;
						text-align: left;
						border-left: 1px solid #cbcbcb;
						border-top: 1px solid #cbcbcb;
						border-right: 1px solid #cbcbcb;
						white-space: pre;
						}

	.taskWarning {		font: 12px Arial, Helvetica, sans-serif;
						font-weight: bold;
						color: black;
						background-color: #f8face;
						padding-top: 15px;
						padding-right: 15px;
						padding-bottom: 10px;
						padding-left: 15px;
						text-align: left;
						border-left: 1px solid #cbcbcb;
						border-top: 1px solid #cbcbcb;
						border-right: 1px solid #cbcbcb;
						white-space: pre;
						}

	.ignoreWarningControl {	font: 12px Arial, Helvetica, sans-serif;
						color: black;
						background-color: #f8face;
						padding-top: 5px;
						padding-right: 15px;
						padding-bottom: 10px;
						padding-left: 15px;
						text-align: left;
						border-left: 1px solid #cbcbcb;
						border-bottom: 1px solid #cbcbcb;
						border-right: 1px solid #cbcbcb;
						}

	.taskPoolError {	font: 12px Arial, Helvetica, sans-serif;
						font-weight: bold;
						color: red;
						background-color: #ecedee;
						padding-top: 20px;
						padding-right: 15px;
						padding-bottom: 20px;
						padding-left: 15px;
						text-align: left;
						border: 1px solid #cbcbcb;}

	.taskdetspacer {	background-color: #eaebff;}
	
	.taskdetpanel {		background-color: #eaebff;
						padding-top: 25px;
						padding-bottom: 25px;
						text-align: left;}
						
	.taskdetnavpanel ul li {	list-style-type: none;}
						
	.taskdetpaneltitle {font: 12px Arial, Helvetica, sans-serif;
						background-color: #15329a;
						color: #fff;
						font-weight: bold;
						padding: 5px;}
						
	.taskdetlabel {		margin-left: 15px;
						text-align: left;}
						
	.taskdettextfield {	margin-left: 15px;
						margin-top: 2px;
						margin-bottom: 10px;
						margin-right: 10px;
						text-align: left;}
						
	.taskdetaction a {	font: 12px Arial, Helvetica, sans-serif;
						color: #fff;
						background-color: #999;
						text-decoration: none;
						display: inline;
    					padding: 4px;
						margin-left: 15px;
						margin-top: 25px; 
						border: 1px solid #000;}
	
    .taskdetaction a:hover {background-color: #bbb;
						color: #fff;}
						
	.taskcmds a {		font: 12px Arial, Helvetica, sans-serif;
						color: #000;
						background-color: #ddd;
						text-decoration: none;
						display: inline;
						font-weight: normal;
    					padding: 4px; 
						border-top: 1px solid #cccccc;
  						border-bottom: 1px solid black;
  						border-left: 1px solid #cccccc;
  						border-right: 1px solid black;
						text-align: center;
						margin-top: 10px;
						margin-right: 10px;
						margin-bottom: 10px;
						margin-left: 10px;}
	
    .taskcmds a:hover {background-color: #eee;
						color: #000;}
						
						
						

/* -----Task Details Table Listing-----*/


	.taskdetailstable {	font-size: 12px;
						margin-bottom: 10px;}
						
	.taskdetailstable th {font-size: 12px;
						color: #000;
						padding: 5px;}
						
	.taskdetailstable .headborder {}
						
	.taskdetailstable .datacell {
						text-align: center;
						padding-top: 5px;
						padding-right: 3px;
						padding-bottom: 5px;
						padding-left: 3px;}



/* ----------          Retrieve CSS          ----------*/




/* -----Iframe Layout-----*/


	.retrievepanel {	text-align: center;
						padding-top: 25px;}
						
	.retrievebutton {	margin-top: 10px;
						color: #000;
						width: 150px;}
						
	.iframeheight {		width: 100%;
						height: 100%;}
						
	.retrieve a {		font: 12px Arial, Helvetica, sans-serif;
						color: #155f9e;
						display: block;
    					padding: 5px;
						text-align: left;
						margin-left: 40px;
						margin-bottom: 1px;
						line-height: 1.7em;}
						
	.retrieve a:hover {	color: #65a2de;}
						
	.retrieve .active {	font: 12px Arial, Helvetica, sans-serif;
						color: #155f9e;
						background-color: #fff;
						display: block;
    					padding: 5px;
						text-align: left;
						margin-right: -1px;
						margin-left: 40px;
						margin-bottom: 1px;
						line-height: 1.7em;
						z-index:10;}
						
						
/*----- Popup CSS ----->*/


	.popupinput {		margin-left: 15px;}
	
	.popupform {		margin-left: 15px;
						margin-right: 15px;
						margin-top: 15px;}
						
	.popupcmds a {		font: 12px Arial, Helvetica, sans-serif;
						color: #000;
						background-color: #ddd;
						text-decoration: none;
						display: inline;
    					padding: 4px; 
						border-top: 1px solid #cccccc;
  						border-bottom: 1px solid black;
  						border-left: 1px solid #cccccc;
  						border-right: 1px solid black;
						text-align: center;
						margin-left: 15px;}
	
    .popupcmds a:hover {background-color: #eee;
						color: #000;}
						
	.addinfo {			margin-bottom: 15px;
						font-size: 12px;
						font-weight: bold;}
						
	.popuptable .datacell {font-size: 12px;
						padding-top: 3px;
						padding-right: 3px;
						padding-bottom: 3px;
						padding-left: 3px;}
						
	.popuplist {		font-size: 12px;}
						


/*-----Indexing Table-----*/

.indexing {				font: 12px Arial, Helvetica, sans-serif;}						
						
.indexing input { 		border : 1px solid #84aad9;
						margin-right: 4px;
						font: 11px Arial, Helvetica, sans-serif;}
 
.indexing input:hover { border-color : #000; }

.indexing input:active, input:focus { border-color : #900;}									

.indexing select { 		border : 1px solid #84aad9;
						font: 11px Arial, Helvetica, sans-serif;}
 
.indexing select:hover {border-color : #000;
						font: 11px Arial, Helvetica, sans-serif;}

.indexing select:active, select:focus { border-color : #900;
						font: 11px Arial, Helvetica, sans-serif;}

.indexing .label {		padding-left: 15px;
						padding-right: 10px;
						padding-bottom: 5px;
						padding-top: 5px;
						text-align: right;}
						
.indexing .label2 {		padding-left: 15px;
						padding-right: 10px;
						padding-bottom: 5px;
						padding-top: 5px;
						text-align: left;}
						
.buttonplace {			margin-left: 25px;}

.searchbuttonspace {	margin-left: 10px;
						margin-top: 20px;
						margin-right: 5px;
						margin-bottom: 25px;}
						
.updownbuttons {		margin-left: 5px;
						margin-top: 1px;
						margin-right: 5px;
						margin-bottom: 1px;
						width: 55px;}


/*-----Login Page-----*/


.terms {				font: 10px Arial, Helvetica, sans-serif;
   						color: #003366;
						text-align: center;}
						
.readermargin {			margin-right: 15px;}

.logintable {			display: block;
						margin-top: 15%;
						margin-left: auto;
						margin-right: auto;
						vertical-align: middle;}

/*-----Error Text-----*/

.text {					color: #000;
						font: 12px Arial, Helvetica, sans-serif;}

.errortext {			color: #ff0000;
						font: 12px Arial, Helvetica, sans-serif;}
						

/*-----Search Folder Criteria-----*/


.inputimagecontainer {	white-space: nowrap;
						margin-bottom: 10px;}

.inputandimage {		float: left;}				

/*   --------- Other --------------*/

.trackingButton a {
 						font: 11px Arial, Helvetica, sans-serif;
						color: #000;
						background-image:  url(../images/tracking.gif);
						background-position: 0 0;
						background-repeat:  no-repeat;
						text-decoration: none;
						display: block;
						width: 111px;
						height: 22px;
						text-align: center;
						padding: 4px 0 0;
}

.emptyaction a {
 						font: 11px Arial, Helvetica, sans-serif;
						color: #000;
						background-image:  url(../images/reassign.gif);
						background-position: 0 0;
						background-repeat:  no-repeat;
						text-decoration: none;
						display: block;
						width: 111px;
						height: 22px;
						text-align: center;
						padding: 4px 0 0;
}