@media screen {
body { margin: 0px; min-width:900px;
	background-color: #FFF;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.8em;
}
span.dcttable {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #158ABF;
	padding: 4px;
	margin: 4px;
	line-height:2.3em;
	white-space: nowrap;
	width:15em;
	display:inline-block;
}
span.dcttable:hover {
	cursor: pointer;
	color: #000;
	-webkit-box-shadow: 4px 4px 8px #000;
	-moz-box-shadow: 4px 4px 8px #000;
	box-shadow: 4px 4px 8px #000;
	background-color: #9FCF67;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#9FCF67));
	background:	-moz-linear-gradient(white, #9FCF67);
}
div#left{
	width: 70%;height: auto;float: left;padding: 2em;margin: 0px;
	}
#mid{
	width: 40%;height: auto;float: left;padding: 2em 2em 2em 2em;margin: 0px;
	}
#right{
	position:absolute;right:1em;display:none;height:0;width:20%;font-size:1em;color:#000000
}

ul.newslist span {
	color: #000;
}
div.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}

a {
	text-decoration: none;
	cursor: pointer;
}
td.tdSlideOpen {
	background: url("./menuExpand.gif") 50% repeat-y;
	width:4px;
	z-index:300;
}
td.tdSlideClose {
	background: url("./menuCollapse.gif") 50% repeat-y;
	width:4px;
	z-index:300;
}
td.tdSlideOpen:hover, td.tdSlideClose:hover {
	background-color: #F3F3F3;
	border-top:2px solid white;
	border-bottom:2px solid white;
}

div#Content {
	background-color: #EBEBEB;
	border:3px solid white;
}

td#workspace span.NewsTitle, span.PortalTitle {
	color: #00264C;
	font-size: 1.5em;
	font-weight: bold;
}
td#workspace ul.newslist li a {
	color: #326A3B;
	font-weight: bold;
}
td#workspace ul.newslist li a span {
	color: #0073AE;
	font-weight: normal;
}

td#workspace ul.newslist li a:hover span {
	color: #00264C;
}

td#workspace {
	border-right:2px solid white;
	border-top:2px solid white;
	border-bottom:2px solid white;
    padding: 5px 8px;
	text-decoration: none;
	width: 100%;
	/*background-color: #EBEBEB;*/
	background-color: #FFF;
	/* margin-left:253px; */
}

td#AppLinks {
	border-left:2px solid white;
	border-top:2px solid white;
	border-bottom:2px solid white;
	text-decoration: none;
	font-size: 0.9em;
	/* width: 18em;*/
	width: 250px;
	/*background-color: #E0E0E0;*/
	background-color: #FFF;
	/* float:left; */
}
ul.newslist {
	list-style-type: none; padding: 0.2em; margin: 0;
}
ul.newslist li {
	margin-left: 5em;
	text-indent: -5em;
}
tr {
	vertical-align: top;
}
tr.R, tr.RSelected {
	vertical-align:middle;
}
tr.R td ol, tr.RSelected td ol{
	list-style:none;
	margin: 0px;
	padding: 0px;
}
img {
	margin-top: 2px;
	margin-left: 5px;
	margin-right: 5px;
}

div.trHR {
	background-color: #319A9C;
	height: 5px;
	line-height: 0px;
	clear:both;
}

tr.R td, tr.RSelected td {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-family: arial, "lucida console", sans-serif;
	font-size: 0.85em;
	cursor: pointer;
}
tr.R:hover td, tr.RSelected td {
	border-top: 1px solid #B0B0B0;
	border-bottom: 1px solid #B0B0B0;
	background-color: #F3F3F3;
}
tr.pb td {
	background-color: #FDD;
}
tr.R td.iconhide, tr.RSelected td.iconhide, th.iconhide {
	display:none;
}
tr.R td.am, tr.RSelected td.am {
	width: 15px; min-width:15px; max-width:15px;
	background-image: url("./menu_grey.gif");
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
tr.R td.am:hover, tr.RSelected td.am:hover {
	width: 15px; min-width:15px; max-width:15px;
	background-image: url("./menu_green.gif");
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
tr.R td.info, tr.RSelected td.info {
	width: 15px; min-width:15px; max-width:15px;
	background-image: url("./information_grey.gif");
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
tr.R td.info:hover, tr.RSelected td.info:hover {
	width: 15px; min-width:15px; max-width:15px;
	background-image: url("./information_menu.gif");
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
tr.R a, tr.RSelected a {
	text-decoration: none;
	color: #000;
	background-color: inherit;
}
tr.R td.ed, tr.R td.eddt, tr.R td.edid, tr.RSelected td.ed, tr.RSelected td.eddt, tr.RSelected td.edid {
	padding-left: 0.8em;
	padding-right: 0.8em;
	empty-cells: show;
}
tr.R td.ed a.pdf, tr.RSelected td.ed a.pdf {
	background: transparent url(/ebs/Common/Resource.nsf/pdf.png) no-repeat scroll right top;
	padding-right: 18px;
	padding-bottom: 4px;
	display: block;
	text-align: right;
	text-decoration: underline;
	color:blue;
}
tr.R td.eddt, tr.RSelected td.eddt { width: 7em;  max-width: 7em;}
tr.R td.edid, tr.RSelected td.edid { width: 13em; max-width: 13em;}

th.thasc, th.thdes {
	background-color: #E0E0E0;
	margin-left: 1em;
	margin-right: 1em;
	padding-left: 5px;
	padding-right: 15px;
	font-size: 0.85em;
	font-family: arial, "lucida console", sans-serif;
	cursor: pointer;
	background-position: right center;
	background-repeat: no-repeat;
}
th.thascSelected, th.thdesSelected {
	background-color: #F3F3F3;
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
	font-family: arial, "lucida console", sans-serif;
	cursor: pointer;
}
th.thascSelected {
	background-image: url("./ArrowUp.gif");
}
th.thdes:hover, th.thascSelected:hover {
	background-color: #F3F3F3;
	background-image: url("./ArrowDown.gif");
}
th.thdesSelected {
	background-image: url("./ArrowDown.gif");
}
th.thasc:hover, th.thdesSelected:hover {
	background-color: #F3F3F3;
	background-image: url("./ArrowUp.gif");
}
div.msgLoad {
	position: absolute;
	background-color: yellow;
	height: 1em;
	padding: 3px;
}
div.amsgLoad:after {
	content: "Loading... Please wait";
}

div.documentbody {
	width: 100%;
}
div#AMdiv {
	/* visibility: hidden; */
	z-index: 2;
	background-color: #A1A1A1;
	/* display: none; */
	position: absolute;
	color: white;
	border: 2px white solid;
	cursor: pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 4px 4px 8px #000;
	-moz-box-shadow: 4px 4px 8px #000;
	box-shadow: 4px 4px 8px #000;
}
div#AMdiv ul {
	padding: 0px;
	margin: 0px;
	position: relative;
	display: inherit;
}
div#AMdiv li {
	list-style-type: none;
	position: relative;
	display: inherit;
	padding: 2px 4px 2px 24px;
	margin: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
div#AMdiv li:hover {
	background-color: #F1F1F1;
	color: black;
}
div#AMdiv li.accept, div#AMdiv li#A {
	background-image: url('./accept.gif');
	background-repeat: no-repeat;
	background-position: 4px 50%;
}
div#AMdiv li.add, div#AMdiv li#C {
	background-image: url('./wb_plus.png');
	background-repeat: no-repeat;
	background-position: 4px 50%;
}
div#AMdiv li.del, div#AMdiv li#D, div#AMdiv li#W  {
	background-image: url('./wb_minus2.png');
	background-repeat: no-repeat;
	background-position: 4px 50%;
}
div#AMdiv li.withdraw {
	background-image: url('./wb_cross.png');
	background-repeat: no-repeat;
	background-position: 4px 50%;
}
div#AMdiv li.inv {
	background-image: url('./wb_invoice.png');
	background-repeat: no-repeat;
	background-position: 4px 50%;
}
div#AMdiv li.open {
	background-image: url('./wb_open.png');
	background-repeat: no-repeat;
	background-position: 4px 50%;
}
div#AMdiv li.print, div#AMdiv li#P {
	background-image: url('./printer.gif');
	background-repeat: no-repeat;
	background-position: 4px 50%;
}
div#AMdiv li.edit, div#AMdiv li#R {
	background-image: url('./doc_edit.png');
	background-repeat: no-repeat;
	background-position: 4px 50%;
}
div#AMdiv li.pdf {
	background-image: url('./pdf.png');
	background-repeat: no-repeat;
	background-position: 4px 50%;
}
div#SupInfo {
	visibility: visible;
	z-index: 4;
	background-color: #EDF2DA;
	position: absolute;
	color: Black;
	border: 2px #B3C960 solid;
	cursor: pointer;
	padding: 3px;
	font-size:0.7em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 4px 4px 8px #000;
	-moz-box-shadow: 4px 4px 8px #000;
	box-shadow: 4px 4px 8px #000;
}
div#SupInfo td.L {
	background: #DBE5B3;
	padding-left: 0.5em;
	padding-right: 0.5em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

div.pp {
	display:none;
	clear: both;
}

div#SupInfo { max-width: 30%; }

.navtext {line-height:1.4em;}
div#nav, span#navview, span#navpages {font-size:0.85em;}
table.navtable { /* border-collapse: collapse; */ border:1px solid #666; background-color:#FFF; }
td.navlink, td.navlinkcur, td.navlinklast, td.navlinkrefresh, td.navlinkexport {cursor:pointer; background-color:#DDD; padding: 0px; }
td.navlink a, td.navlinkcur a, td.navlinklast a, td.navlinkrefresh a, td.navlinkexport a {padding:0px 4px;}
td.navlink:hover, td.navlinklast:hover, td.navlinkrefresh:hover, td.navlinkexport:hover, table.btnFilter:hover td {background-color:#9FCF67; color:#00264C }
td.navlinkcur {color:#FFF; background-color:#900; font-weight:bold}
td.navlinkrefresh {color:#FFF; background-color:#158ABF;}
td.navlinkexport {color:#FFF; background-color:#158ABF;}

tr.trFilter { display: none; }
select#filterApprovalArea, select#filterSponsor { width: 100% }
select#filterColumn { width: 18em;}
select#searchField {width: 10em; margin-left:5px; }
input#filter { width: 16em; margin-left:5px;}
/*input#filterSearch { width: 34.75em; }*/
input#filterSearch { width: 24.75em; }

table.btnFilter { cursor:pointer; margin-left:15px; cursor:pointer; background: #FFF; border: 1px solid #666; width:5em;}
table.btnFilter td { background-color:#158ABF; padding: 0 4px; color:#FFF; text-align:center;}

form#filterForm {
	margin: 0px 0px;
	font-size: 0.85em;
}
form#filterForm table tbody tr td { vertical-align: middle; max-width:44em; }
div.TGAFooter { font-size:0.85em; padding-top:0.2em; margin: 0 auto; background: #00264C; height:60px; color:#FFF; }
div.TGAFooter a { color:#FFF; text-decoration: underline;}
div.TGAFooter a:visited { color:#FFF; }
div.TGAFooter a:hover { color:#AFD8EB; }
div.TGAFooter p {padding-left:3%;}

div.trHR {background-color: #158ABF; }
div.header img {
	border: 0;
	margin:0px
}
div.header {font-size:0.8em; height:104px; width:100%; margin: 0 auto; background: #00264C; clear: both; }
div.header-content {width:95%; text-align: left; margin: 0 0 0 auto; padding: 2em 0 0 0;}
div.header-logo {float:left;}
div.header-nav {text-align:right; float:right; margin: 1em 8em 0 0; }
div.header-nav span {color:yellow; font-size:3.0em;}
div.error { padding: 2em;}
div.error div.msg { font-weight: bold;}
div.error div.suggestion { padding-left:2em;}
div#content-info {
	padding-left: 3%;
	padding-top: 1em;
	font-size: 0.85em;
}
	
/*leightbox*/
#container {
	width: 50%;
	margin: 0 auto;
	text-align: left;
}
div.leightbox {
	color: #333;
	display: none;
	position: absolute;
	top: 15%;
	left: 15%;
	width: 70%;
	height: 70%;
	/* width: 800px; */
	/* height: 600px; */
	padding: 0em;
	background-color: white;
	text-align: left;
	z-index:9999;
	overflow: hidden;
	border: 0.5em solid #B8B8B8;
}

#overlay, #overlay2{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9998;
	background-color:#333;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
	
.leightbox .dlgContentContainer {
	height:100%;
	width:99%;
  margin-left:auto; margin-right:0;
}

.leightbox .dlgContent {
	padding:0em;
	overflow:scroll;
	height:100%;
	width:100%;
	border:0px;
}
.leightbox div.Footer  a { font-weight: bold; color: #000;}
.leightbox div.Footer  a:hover { font-weight: bold; color: #F60;}

.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }
body div.printable { margin:10px; }
}
/* SB11-3-2014 Marval 52134 Calss used for Privacy notification in login page   */
.callout{
    background-color: #effadf;  border: 2px solid #9fcf67;  padding: 0.4em align: center;  
    margin-left: auto;
    margin-right: auto;
    width: 50em;
    margin-bottom: 2em;
    text-align: left;
    padding: 1em;
    font-family: Verdana, Arial, sans-serif;    
}
.callout a{color: #006EAB;}
.callout a:hover{text-decoration: underline;}
.callout a:visited{color: #551A8B; }

@media print {
	table.notprinted { display:none !important; }
	
 body div { display: none; }
 body div#AMdiv { display: none !important; }
 body div.trHR { display:none !important; }
 body div.Footer { display:none !important; }
 body table { display:none !important; }
 
 body div.printable { display: block !important;}
 body div table.printed { display:table !important; }

 div.leightbox div { display:block !important; }
 div.leightbox div.dlgContent style { display: none !important; }
 div.leightbox div.Footer { display: none !important; }
 div.leightbox table { display:block !important; }
 div.leightbox p { display:block !important; }
 div.leightbox div.dlgContent title { display:block !important; font-weight:bold; }
 
 .leightbox .viewcontent tr th { padding: 0.2em; border-bottom: 2px solid #AAA;border-top: 1px solid #AAA; background-color: #FFF; background-image:none;}
 .leightbox .viewcontent tr td { padding: 0.2em; border-bottom: 1px solid #999; background-color: #FFF; background-image:none;}
 .leightbox .viewcontent tr:hover th { padding: 0.2em; border-bottom: 2px solid #AAA;border-top: 1px solid #AAA; background-color: #FFF; background-image:none;}
 .leightbox .viewcontent tr:hover td { padding: 0.2em; border-bottom: 1px solid #999; background-color: #FFF; background-image:none;}
 
 .leightbox .viewcontent tr td.am, .leightbox .viewcontent tr td.info  { display:none; }
 .leightbox .viewcontent tr th.am, .leightbox .viewcontent tr th.info  { display:none; }
}