html, body, table, td, th, h1, h2, h3, h4, h5, h6, p, a, span, div {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 20px;
	}
h4 {
	font-size: 24px;
	color: #538dab;
}
img {border:0}
a, a:link {color:#476a91; text-decoration:underline}
a:visited {color:#476a91; text-decoration:underline}
a:hover {color:#990000; text-decoration:none}
a:active {color:#092869; text-decoration:none}
hr {display: none; margin:0; border-style: inset; border-width: 0;}
table {border-collapse: collapse;}
body {margin:0; padding:0px; color: #000; font-size: 11px; background-color:d8dfdf;}
.ABCell {padding: 10px 0px 10px 20px; background-color:#d8dfdf; }

.z-content-inner > table {
		width: 100%;
	}
#actionbar {
	box-sizing: content-box;
	padding: 10px; 
	background-color: #ffffff;
	}
#actionbar ul.actions {
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.125);
	padding:5px; 
	margin: 5px 5px 5px 215px;
	}
#actionbar li.action {
	border: 0 none;
	display: inline;
	list-style: outside none none;
	margin: 0;
	padding: 0; 
	position: relative;
	text-decoration: none;
	padding: 5px 15px 5px 15px;
	box-sizing: content-box;

	}
#paging {
	padding: 20px 0px 20px 0px;
	}
#header {
		background-color:#ffffff;
		height: 70px;
		padding: 5px 20px 5px 20px; 
	}
#title {
		position: relative;
    	left: 0;
    	top: 30px;
    	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size: 25px;
		display: block;
		float: left;
	}
#logo {
		position: absolute;
    	right: 20px;
	}

#app-form {
	background-color:#f1f4f7;
	padding: 20px;
	}
#app-container {
	display: block;
	padding: 10px 10px 10px 20px; 
	margin: 0 0 20px 0;
	background-color: #ffffff;
	border-radius: 0 6px 6px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.125);
    border: 1px solid #cecece;
	}
#app-profile, #Res-profile {
	width: 100%;
	}
.block {
	padding: 5px 0px 8px 0;
	}
.block p {
	display: inline-block;
	vertical-align: top;
	}
fieldlabel {
	display: inline-block;
	width: 160px;
	text-align: right;
	vertical-align: top;
	color: #58798a;
	padding-right: 20px;
	}
input[type=text] {
	display: inline-block;
	width: 300px;
	border-radius: 5px;
	border: 1px solid #d8dfdf;
	padding: 6px;
	}
input[type=date] {
	display: inline-block;
	width: 150px;
	border-radius: 5px;
	border: 1px solid #d8dfdf;
	padding: 6px;
	}
textarea {
	display: inline-block;
	width: 460px;
	height: 100px;
	border-radius: 5px;
	border: 1px solid #d8dfdf;
	padding: 6px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	}
select {
	border-radius: 5px;
	border: 1px solid #d8dfdf;
	padding: 6px;
	width: 45px;
	}
#legend {
	width: 1100px;
	height: 120px;
	margin-bottom: 25px;
}
#legend-L {
	display: inline-block;
	float: left;
	width: 48%;
	background-color: #d3e599;
	height: 100%;
	padding: 5px 5px 5px 10px;
	}
#legend-L label {
	font-weight: bold;
	}
#legend-R label {
	font-weight: bold;
	}
#legend-R {
	display: inline-block;

	width: 48%;
	background-color: #ccc2ef;
	height: 100%;
	padding: 5px 5px 5px 10px;
 	}
 	
 #impacts {
 	display: block;
 	width: 100%;
 	border-radius: 0 6px 6px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.125);
 }
 #impacts table {
	display: block-inline;
 	width: 100%;
 	
 }
 #impacts .columns1 {
	width: 40%;
	color: #58798a;
 }
 #impacts .columns2 {
    width: 175px;
 }
  #impacts .columns {
    width: 75px;
    text-align: center;
 }
 #impacts .tcolumns {
    width: 75px;
    text-align: center;
 }
 #impacts th {
    color: #58798a;
	background-color:d5d8df;
	text-align: left;
	padding: 5px 5px 5px 10px;
 }
 #impacts th.columns1 {
   width: 40%;
 }
 #impacts th.columns2 {
   width: 175px;
 }
 #impacts th.columns {
    width: 75px;
    text-align: center;
 }
 #impacts th.wcolumns {
    width: 75px;
    text-align: center;
    background-color: #ccc2ef;
 }
 #impacts th.scolumns {
    width: 75px;
    text-align: center;
    background-color: #d3e599;
 }
 
 #impacts .columns input {
 	border: 0;
 	background: transparent;
 	width: 20px;
 }
 
  #impacts .tcolumns input {
 	border: 0;
 	background: transparent;
 	width: 30px;
 	font-weight: bold;
 	disabled: true;
 }
 
 #impacts .tcolumns input:disabled {color:#000; font-weight: bold; border: 0; background: transparent;}
 
 #impacts table tr:nth-child(even) td {
 	vertical-align: top;
 	background-color:#ffffff;
 	border-left: 1px solid #d8dfdf;
 	border-right: 1px solid #d8dfdf;  
 	padding: 5px 5px 5px 10px;
 }
#impacts table tr:nth-child(odd) td {
	vertical-align: top;
	background-color:#f2f3f5;
	border-left: 1px solid #d8dfdf; 
	border-right: 1px solid #d8dfdf; 
	padding: 5px 5px 5px 10px;
}
#impacts table tr:last-child td{
	border-bottom: 1px solid #d8dfdf;
}


#importance {
 	display: block;
 	width: 100%;
 	border-radius: 0 6px 6px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.125);
 }
 #importance table {
	display: block-inline;
 	width: 100%;
 }
 #importance th {
    color: #58798a;
	background-color:d5d8df;
	text-align: left;
	padding: 5px 5px 5px 10px;
 }
#importance th.columns1 {
   width: 175px;
 }
 #importance th.columns2 {
   width: 75px;
   text-align: center;
 }
 #importance th.columns {
    width: 80%;
 }
 #importance th.columns-normal {
    width: 80%;
    font-weight: normal !important;
 }
 #importance td.columns1 {
	width: 175px;
	color: #58798a;
 }
 #importance td.columns2 {
 	text-align: center;
    width: 75px;
 }
  #importance td.columns {
    width: 80%;
 }
 #importance td.tcolumns-l1 { 
    font-weight: bold;
    background-color: #d3e599 !important;
    color: #58798a;
 }
 #importance td.tcolumns-l2 { 
    font-weight: bold;
    background-color: #d3e599 !important;
    text-align: center;
 }
  #importance td.tcolumns-r1 {
    font-weight: bold;
    background-color: #ccc2ef !important;
    color: #58798a;
 }
 #importance td.tcolumns-r2 {
    font-weight: bold;
    background-color: #ccc2ef !important;
    text-align: center;
 }
  #importance td.tcolumns { 
    font-weight: bold;
 }
 #importance td.tcolumns1 { 
    font-weight: bold;
    text-align: center;
 }
  #importance td.columns2 input {
 	border: 0;
 	background: transparent;
 	width: 20px;
 }
  #importance .tcolumns-l2 input {
 	border: 0;
 	background: transparent;
 	width: 20px;
 	font-weight: bold;
 	text-align: center;
 }
 #importance .tcolumns1 input {
 	border: 0;
 	background: transparent;
 	width: 30px;
 	font-weight: bold;
 }
 
  #importance .tcolumns-l2 input:disabled {color:#000; font-weight: bold; border: 0; background: transparent;}
  #importance .tcolumns1 input:disabled {color:#000; font-weight: bold; border: 0; background: transparent;}
 
#importance table tr:nth-child(even) td{
 	vertical-align: top;
 	background-color:#ffffff;
 	border-left: 1px solid #d8dfdf;
 	border-right: 1px solid #d8dfdf;  
 	padding: 5px 5px 5px 10px;
 }
#importance table tr:nth-child(odd) td{
	vertical-align: top;
	background-color:#f2f3f5;
	border-left: 1px solid #d8dfdf;
 	border-right: 1px solid #d8dfdf;  
	padding: 5px 5px 5px 10px;
}
#importance table tr:last-child td{
	border-bottom: 1px solid #d8dfdf;
}
 
 #rtorpo {
 	display: block;
 	width: 100%;
 	border-radius: 0 6px 6px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.125);
 }
 #rtorpo table {
	display: block-inline;
 	width: 100%;
 }
 #rtorpo th {
    color: #58798a;
	background-color:d5d8df;
	text-align: left;
	padding: 5px 5px 5px 10px;
 }
#rtorpo th.columns1 {
   width: 100%;
 }
#rtorpo td.columns1-text {
	width: 100%;
	color: #58798a;
 }
 #rtorpo td.columns1 {
	width: 100%;
 }

 
#rtorpo table tr:nth-child(even) td{
 	vertical-align: top;
 	background-color:#ffffff;
 	border-left: 1px solid #d8dfdf;
 	border-right: 1px solid #d8dfdf;   
 	padding: 5px 5px 5px 10px;
 }
#rtorpo table tr:nth-child(odd) td{
	vertical-align: top;
	background-color:#f2f3f5;
	border-left: 1px solid #d8dfdf;
 	border-right: 1px solid #d8dfdf;  
	padding: 5px 5px 5px 10px;
}

#rtorpo table tr:last-child td{
	border-bottom: 1px solid #d8dfdf;
}
 
 #dependency {
 	display: block;
 	width: 100%;
 	border-radius: 0 6px 6px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.125);
 }
 #dependency table {
	display: block-inline;
 	width: 100%;
 }
 #dependency th {
    color: #58798a;
	background-color:d5d8df;
	text-align: left;
	padding: 5px 5px 5px 10px;
 }
#dependency th.columns1 {
   width: 100%;
 }
#dependency td.columns1-text {
	width: 100%;
	color: #58798a;
 }
 #dependency td.columns {
	width: 100%;
 }
 #dependency .tcolumns input {
 	border: 0;
 	background: transparent;
 	width: 30px;
 	font-weight: bold;
 }
 
  #dependency .tcolumns input:disabled {color:#000; font-weight: bold; border: 0; background: transparent;}

 
#dependency table tr:nth-child(even) td{
 	vertical-align: top;
 	background-color:#ffffff;
 	border-left: 1px solid #d8dfdf;
 	border-right: 1px solid #d8dfdf;   
 	padding: 20px 5px 20px 5px;
 }
#dependency table tr:nth-child(odd) td{
	vertical-align: top;
	background-color:#f2f3f5;
	border-left: 1px solid #d8dfdf;
 	border-right: 1px solid #d8dfdf;  
	padding: 20px 5px 20px 5px;
}

#dependency table tr:last-child td{
	border-bottom: 1px solid #d8dfdf;
}

 #reliance {
 	display: block;
 	width: 100%;
 	border-radius: 0 6px 6px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.125);
 }
 #reliance table {
	display: block-inline;
 	width: 100%;
 }
 #reliance th {
    color: #58798a;
	background-color:d5d8df;
	text-align: left;
	padding: 5px 5px 5px 10px;
 }
#reliance th.columns1 {
   width: 100%;
 }
#reliance td.columns1-text {
	width: 100%;
	color: #58798a;
 }
 #reliance td.columns1 {
	width: 100%;
 }
 
 #reliance .tcolumns input {
 	border: 0;
 	background: transparent;
 	width: 30px;
 	font-weight: bold;
 }
 
  #reliance .tcolumns input:disabled {color:#000; font-weight: bold; border: 0; background: transparent;}

 
#reliance table tr:nth-child(even) td{
 	vertical-align: top;
 	background-color:#ffffff;
 	border-left: 1px solid #d8dfdf;
 	border-right: 1px solid #d8dfdf;   
 	padding: 20px 5px 5px 20px;
 }
#reliance table tr:nth-child(odd) td{
	vertical-align: top;
	background-color:#f2f3f5;
	border-left: 1px solid #d8dfdf;
 	border-right: 1px solid #d8dfdf;  
	padding: 20px 5px 5px 20px;
}

#reliance table tr:last-child td{
	border-bottom: 1px solid #d8dfdf;
}

 #servicelevel {
 	display: block;
 	width: 100%;
 	border-radius: 0 6px 6px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.125);
 }
 #servicelevel table {
	display: block-inline;
 	width: 100%;
 }
 #servicelevel th {
    color: #58798a;
	background-color:d5d8df;
	text-align: left;
	padding: 5px 5px 5px 10px;
 }
 #servicelevel th.columns1 {
   width: 300px;
 }
 #servicelevel th.columns2 {
   width: 175px;
 }
 #servicelevel th.columns {
    width: 60%;
 }
 #servicelevel th.category {
    background-color:e5e5e5;
    padding: 10px 5px 10px 5px
 }
#servicelevel .columns1 {
	width: 300px;
	color: #58798a;
 }
 #servicelevel .columns2 {
    width: 175px;
 }
  #servicelevel .columns {
    width: 60%;
 }
 
  #servicelevel .columns input {
    width: 500px;
 }
 
#servicelevel table tr:nth-child(even) td{
 	vertical-align: top;
 	background-color:#ffffff;
 	border-left: 1px solid #d8dfdf;
 	border-right: 1px solid #d8dfdf;   
 	padding: 10px 5px 10px 10px;
 }
#servicelevel table tr:nth-child(odd) td{
	vertical-align: top;
	background-color:#f2f3f5;
	border-left: 1px solid #d8dfdf;
 	border-right: 1px solid #d8dfdf;  
	padding: 10px 5px 10px 10px;
}

#servicelevel table tr:last-child td{
	border-bottom: 1px solid #d8dfdf;
}


 #training {
 	display: block;
 	width: 100%;
 	border-radius: 0 6px 6px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.125);
 }
 #training table {
	display: block-inline;
 	width: 100%;
 }
 #training th {
    color: #58798a;
	background-color:d5d8df;
	text-align: left;
	padding: 5px 5px 5px 10px;
 }
#training th.columns1 {
   width: 100%;
 }
 #training td.columns1 {
	width: 100%;
 }

 
#training table tr:nth-child(even) td{
 	vertical-align: top;
 	background-color:#ffffff;
 	border-left: 1px solid #d8dfdf;
 	border-right: 1px solid #d8dfdf;   
 	padding: 10px 5px 10px 5px;
 }
#training table tr:nth-child(odd) td{
	vertical-align: top;
	background-color:#f2f3f5;
	border-left: 1px solid #d8dfdf;
 	border-right: 1px solid #d8dfdf;  
	padding: 10px 5px 10px 5px;
}

#training table tr:last-child td{
	border-bottom: 1px solid #d8dfdf;
}

	/* enable fixed height and add scrollbars*/
    .z-tabs.vertical>.z-container>.z-content>.z-content-inner,
    .z-tabs.horizontal>.z-container>.z-content .z-content-inner {height:550px; overflow:auto;}

    /* customize scrollbars for webkit browsers (chrome and safari)*/
    .z-tabs.vertical>.z-container>.z-content>.z-content-inner::-webkit-scrollbar,
    .z-tabs.horizontal>.z-container>.z-content .z-content-inner::-webkit-scrollbar{width:3px; height:3px;}
    .z-tabs.vertical>.z-container>.z-content>.z-content-inner::-webkit-scrollbar-track,
    .z-tabs.horizontal>.z-container>.z-content .z-content-inner::-webkit-scrollbar-track{background:#eee; border:thin solid lightgray; box-shadow:0px 0px 3px rgba(0, 0, 0, 0.1) inset;}
    .z-tabs.vertical>.z-container>.z-content>.z-content-inner::-webkit-scrollbar-thumb,
    .z-tabs.horizontal>.z-container>.z-content .z-content-inner::-webkit-scrollbar-thumb{background:#999; border:thin solid gray;}

#COS-container-PWOR {
	width:750px; 
	color: #000; 
	padding: 5px; 
	padding-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	background-color: #B0D0B0;
	}
	
.COS-report {
	background-color:#385F38; 
	color:#FFF; 
	align: left; 
	font-size: 12px;
	padding: 1px 2px 2px 2px;
}

.COS-report a:link {font-size: 12px; color: #EFFAD8; text-decoration: none;}
.COS-report a:visited {font-size: 12px; color: #6EFFAD8; text-decoration: none; }
.COS-report a:hover {font-size: 12px; color: #FFF; text-decoration: none;}


.COS-section { 
	background-color:#5A9A5A; 
	color:#005900; 
	align: left; 
	font-size: 12px;
	padding: 1px 2px 2px 2px;
	}
.App-formlabel {
	color: #333;
	}
.COS-formlabel2 {
	font-weight: normal;
	}
.COS-toprulegrey {
	color: #666666;
	font-weight: bold;
	}
.COS-requiredflg {
	color:#FF0000;
	font-weight: bold;
	line-height:80%;
	}
.COS-requiredflg2 {
	color:#7c993f;
	font-weight: bold;
	}
.COS-screeninfo {
	color:#7c993f;
	font-weight: normal;
	font-size: 9px;
	padding: 0 0 2px 4px;
	line-height:80%;
	}
.COS-screeninfoleft {
	color:#7c993f;
	font-weight: normal;
	font-size: 9px;
	padding: 0 0 2px 4px;
	line-height:80%;
	text-align: left;
	}
.COS-rptTitle {
	float: left;
	}
.COS-rptLink {
	float: right;
	}
.toprule {
	margin: 2px 0 2px 0;
	border: none;
    border-bottom:1px solid #F5F9EA; 
    border-top:1px solid #008000; 
    clear:both; 
    height:0; 
    width: 99%;
	}
	
DIV.div_clear {
    clear: both;
	}
.App-frmtitle {font: normal 20px "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: normal; line-height: 50px;; color: #636769;}
.COS-frmstatus{font: normal 11px "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: bold; height: 18px; color: #FF0000;}
	
/* form field formats */
.App-frmfield {padding-left: 4px;}
.App-frmfield div{padding-top: 2px;}
.App-frmfieldchk {padding-left: 4px;}
.App-frmfield input {font: normal 11px "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: normal; height: 18px; background-color: #ffffff; border: 1px solid #b0bbc2; padding:0 0 1px 4px;}
.App-frmfieldnum input {font: normal 11px "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: normal; height: 18px; background-color: #ffffff; border: 1px solid #b0bbc2; padding:0 0 1px 4px; text-align: right;}
.App-frmfieldchk input {font: normal 11px "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: normal; height: 18px; border: 0px; padding:0 0 1px 4px;}
.App-frmfield select {font: normal 11px "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: normal; height: 20px; background-color: #ffffff; border: 1px solid #b0bbc2;}
.App-frmfield textarea {font: normal 11px "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: normal;  background-color: #ffffff; border: 1px solid #b0bbc2;}