/*
-----------------------------------------------------------------------------------------
Site.css for the Portal
-----------------------------------------------------------------------------------------
*/

*
{
	
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

.spellchecked 
{
    border: 1px solid #7F9DB9;
    
}
input, textarea{ font-size: 10pt; }
input{ height: 14px;}

.clsTabNavLinks
{
	width: 30px !important;	
}

.clsTabNavLinksNoLink
{
	width: 30px !important;	
}

.clsTabNoLinks
{
	width: 30px !important;
	text-align: right;
}

 .FilledSection.dockBottom { float: none;border-width: 0px;border-top-width: 1px;margin: 0px;}

.buttonpane { text-align:right; }
#btnSearch { padding:1px; }
.field-validation-error { border-color:Red !important; padding-top:1px;}
/* Additional styles for jQuery UI time picker addition to jQuery UI date picker */
.ui-datepicker-time {
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
	margin: 0.1em 0 0.2em;
}
.ui-datepicker-time .ui-datepicker-time-caption {
	font-weight: bold;
	padding-right: 0.5em;
}
.ui-datepicker-time select {
/*	background: #E6E6E6;*/
	color: #555555;
	border: 1px solid #AAAAAA;
	padding: 0.2em;
}

/* MASTER PAGE Styles */

body
{
	/*background: #B4B4B4 url(images/body_bg.gif) repeat left top;*/
	background: #e6e6e6 url(images/pageBg.gif) top center repeat-y;
	padding: 0px;
	margin: 0px auto 0px auto;
	font-size:10pt;
	width: 990px;
}
#BodyIE8 
{
  overflow:scroll;
}

#BodyIE7 
{
  overflow:hidden;
}
/* e-Report CollapsiblePanel fix for IE7 */
#BodyIE7 .collapsiblepanels
{
  overflow:auto !important;
}

#BodyNonIE
{
  overflow:auto;
}

h1 { font-size:14pt; color:#808284; margin-bottom:10px; }
h2 { font-size:14pt; color:#808284; margin-bottom:6px; }
div#MasterPage
{
	/*background-image: url(images/background.png);
	background-repeat: repeat-x repeat-y;
	background-attachment: scroll;*/
}


.moduleInfo 
{
    border:3px solid #808080;width:390px;margin:15px 0px;
}
.moduleHeader  
{
    font-size:medium;font-weight:bold;background-color:#808080;color:White;padding-top:0px;height:21px;
}
.moduleHeader form { padding:1px 2px; }
.moduleInfo .button { font-size:9pt; float:right; margin:0px; padding:0px;  font-weight:bold; border:0px none; background-color:#5F5F5F; color:White; }
.moduleContent 
{
    
    color:#808080;
    font-size:9pt;padding:10px;
    cursor:pointer;
}
.moduleASAP .ui-collapsible-content
{
   
    border-color:#5A9C9A;
}
/* Button background color is equal to module color -30 Lightness (HSL) */
.moduleASAP .ui-state-default { background-color: #417069; }
.asapColor { color: #417069 !important; }
.asapBackground { background-color: #5A9C9A !important; }
div.moduleASAP .ui-widget-header 
{
    border-color:#5A9C9A;
    background-color:#5A9C9A;
    padding-left:2px;
}
.moduleASAP .moduleContent 
{
    padding-left:80px;
    height:49px;
    background-image:url('images/ASAP_icon.jpg');
    background-repeat:no-repeat;
    color:black;   
}
div.moduleeReport .ui-collapsible-content
{

    border-color:#236FA6;
}
.button {  cursor:pointer; }
.moduleeReport .ui-state-default{ background-color: #174a71; }
.ereportColor { color: #174a71 !important; }
.ereportBackground { background-color: #236FA6 !important; }
div.moduleeReport .ui-widget-header 
{
    border-color:#236FA6;
    background-color:#236FA6;
    padding-left:2px;
}


.moduleAdmin .ui-collapsible-content
{
   
    border-color:#986632/*#CDCED0*/;
}

.moduleAdmin .ui-state-default { background-color: #64401B; }
.adminColor { color: #64401B !important; }
.administrationColor {color: #004990 !important;}
.adminBackground { background-color: #004990/*#986632*/ !important; }
.administrationBackground { background-color: #004990 !important; }
.administrationToolColor { color: #768D98 !important; }
.administrationToolSelectedColor { color: #004990 !important; }


div.moduleAdmin .ui-widget-header 
{
    border-color:#986632/*#CDCED0*/;
    background-color:#986632/*#CDCED0*/;
    padding-left:2px;
}
.moduleAdmin .moduleContent 
{
    padding-left:80px;
    height:49px;
    background-image:url('images/Admin_icon.jpg');
    background-repeat:no-repeat;
    color:black;
}

/* RISK COLORS*/
div#HeaderTabsRisk{	background-color: #EA943B;}
div.moduleRisk .ui-widget-header {border-color:#EA943B; background-color:#EA943B; padding-left:2px; }
.moduleRisk .ui-state-default { background-color: #C16F26; }
.riskColor { color: #C16F26 !important; }
.riskBackground { background-color: #EA943B !important; }
.moduleRisk .ui-collapsible-content{border-color:#EA943B;}
.moduleRisk .moduleContent { padding-left:80px; height:49px; background-image:url('images/Risk_icon.jpg'); background-repeat:no-repeat; color:black;}

/* COMPLIANCE COLORS*/
div#HeaderTabsCompliance{	background-color: #38BFC3;}
div.moduleCompliance .ui-widget-header {border-color:#38BFC3; background-color:#38BFC3; padding-left:2px; }
.moduleCompliance .ui-state-default { background-color: #008389; }
.complianceColor { color: #008389 !important; }
.ComplianceBackground { background-color: #BFE5E6 !important; }
.complianceBackground { background-color: #BFE5E6 !important; }
.moduleCompliance .ui-collapsible-content{border-color:#38BFC3;}
.moduleCompliance .moduleContent { padding-left:80px; height:49px; background-image:url('images/Compliance_icon.jpg'); background-repeat:no-repeat; color:black;}

/* AUDIT COLORS*/
div#HeaderTabsAudit{	background-color: #705B9B;}
div.moduleAudit .ui-widget-header {border-color:#705B9B; background-color:#705B9B; padding-left:2px; }
.moduleAudit .ui-state-default { background-color: #44018C; }
.auditColor { color: #44018C !important; }
.auditBackground { background-color: #705B9B !important; }
.moduleAudit .ui-collapsible-content{border-color:#705B9B;}
.moduleAudit .moduleContent { padding-left:80px; height:49px; background-image:url('images/Audit_icon.jpg'); background-repeat:no-repeat; color:black;}

/* FCA COLORS*/
div#HeaderTabsFCA{	background-color: #659942;}
div.moduleFCA .ui-widget-header {border-color:#659942; background-color:#659942; padding-left:2px; }
.moduleFCA .ui-state-default { background-color: #37532A; }
.fcaColor { color: #37532A !important; }
.findingBackground { background-color: #659942 !important; }
.findingGridBackground { background-color: #C6D4B3 !important; float:left; width: 100%;}
FCABackground { background-color: #659942 !important; }
.moduleFCA .ui-collapsible-content{border-color:#659942;}
.moduleFCA .moduleContent { padding-left:80px; height:49px; background-image:url('images/FCA_icon.jpg'); background-repeat:no-repeat; color:black;}

/* REPORT/ANALYSIS COLORS*/
div#HeaderTabsAnalysis{	background-color: #CD2037;}
div.moduleAnalysis .ui-widget-header {border-color:#CD2037; background-color:#CD2037; padding-left:2px; }
.moduleAnalysis .ui-state-default { background-color: #7E0126; }
.analysisColor { color: #7E0126 !important; }
.analysisBackground { background-color: #CD2037 !important; }
.moduleAnalysis .ui-collapsible-content{border-color:#CD2037;}
.moduleAnalysis .moduleContent { padding-left:80px; height:49px; background-image:url('images/Analysis_icon.jpg'); background-repeat:no-repeat; color:black;}

/* SAFETY COLORS*/
div#HeaderTabsSafety{	background-color: #5D86A0;}
div.moduleSafety .ui-widget-header {border-color:#5D86A0; background-color:#5D86A0; padding-left:2px; }
.moduleSafety .ui-state-default { background-color: #C8D1DB; }
.safetyColor { color: #00546D !important; }
.safetyBackground { background-color: #5D86A0 !important;}
.moduleSafety .ui-collapsible-content{border-color:#5D86A0;}
.moduleSafety .moduleContent { padding-left:80px; height:49px; background-image:url('images/Safety_icon.jpg'); background-repeat:no-repeat; color:black;}

.moduleConfig .ui-collapsible-content
{
   
    border-color:#989A37/*#CDCED0*/;
}

.moduleConfig .ui-state-default { background-color: #556B33; }
.configColor { color: #556B33 !important; }
.configBackground { background-color: #979937 !important; }

.aimColor { color: #808284 !important; }

div.moduleConfig .ui-widget-header 
{
    border-color:#979937/*#CDCED0*/;
    background-color:#979937/*#CDCED0*/;
    padding-left:2px;
}
.moduleConfig .moduleContent 
{
    padding-left:80px;
    height:49px;
    background-image:url('images/Config_icon.jpg');
    background-repeat:no-repeat;
    color:black;
}

div.standardContent
{
  font-size:8pt;
	color: #000;
}
 
.moduleeReport .moduleContent 
{
    padding-left:80px;
    height:49px;
    background-image:url('images/eReports_icon.jpg');
    background-repeat:no-repeat;
    color:Black;
}

div#HeaderTabs
{	
	float:left;
	padding-top:12px;	
	padding-left:10px;
	padding-right:10px;
	height:60px;
	width:678px;
	position:relative;	
}
.clsHeaderHelp
{
	text-decoration: none;
	color: #000000 !important;
	font-size:9pt;
	font-weight:bold;	
}
div#HeaderTabs a { color:White; font-weight:bold; text-decoration:none; }

div#HeaderTabs div#HeaderLogout a:hover {text-decoration:underline;}
div#HeaderTabs div#HeaderHelp a:hover {text-decoration:underline;}
div#HeaderTabsHome a 
{ 
  color:white; /*#336692; */
}
div#HeaderTabsASAP img
{	
	padding: 2px 2px 2px 0px;
}

div#HeaderTabseReport img
{
	padding: 2px 2px 2px 0px;
}

div#HeaderTabsAdmin img
{
	padding: 2px 2px 2px 0px;
}
div#HeaderTabsConfig img
{
	padding: 2px 2px 2px 0px;
}


div#leftColumn { width:240px;margin:10px;float:left; }
div#rightColumn { width:420px;margin:10px;float:left; }
div.headerTab 
{
    position:relative;
	background-color: #808080;
	width:71px;/*57*/
	height:14px;/*56*/
	margin-top:51px;	
	overflow:hidden;
	float:left;
	font-family:Arial;
	font-size:x-small;
	font-weight:bold;
	color: #336392;
	padding-left:3px;
}
div#HeaderTabsHome
{
	background-color: #C0BEBF; /*#E2E3E4;*/
}

div#HeaderTabsASAP
{
	background-color: #5A9C9A;
}

div#HeaderTabseReport
{
	background-color: #236FA6;
}

div#HeaderTabsAdmin
{
	background-color: #996A32;/*#CDCED0;*/
}

div#HeaderTabsConfig
{
	background-color: #979937;/*#CDCED0;*/
}


div#HeaderTabsLine
{
	background-color: #C0BEBF;
	/*background-color: #FFFF00;*/
    clear:right;
	float:left;
    left:0px;
	height: 3px;
	width: 699px;
	position:absolute;
	bottom:-8px;	
}

div#MasterHeader
{
	height: 105px;/*146*/
	margin-left:-0px;
}

div#MasterContent
{
	

}


/*  HEADER STYLES */

div#Header
{
    position:absolute;	
	top: 0px;
	padding: 0px;
    margin-top: 0px;
    margin-left:0px;
	width: 990px;
	height: 105px;/*146*/
	font-size: medium;
}

div#HeaderBackground
{
	/*background-color: #2978B9;*/
	/*filter: alpha(opacity=50);  Internet Explorer       */
	/*-moz-opacity: 0.5;  Mozilla 1.6 and below   */
	/* opacity: 0.5; */
	margin-left:0px;/*0*/
	margin-right:0px;
	width: 990px;
	height: 105px;/*146*/
	float:left;
	right:0px;
	left:0px;
  background-color: white;
}

div#HeaderLogo
{
	margin: 1px 0px 0px 0px;
  float:right;
  width:285px;
  padding-right:5;
}
div#HeaderWelcome
{
	/*float:left;*/
	position:absolute;
	top: 7px;
	left: 180px;
	/*padding-right: 20px;*/
}

div#HeaderDateTime
{
	float:left;
	padding-top:7px;
	padding-left: 10px;
}

div.paddedContainer { padding:0px 8px 8px 8px; margin-top:-3px; }
div.paddedContainer h1 { margin-bottom:9px; }
span.clsHdrWelcome
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight: bold;
	color: #000;
}

span.clsHdrDate
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:normal;
	color: #000;
}

div#HeaderLinks
{
	float: right;
	padding-top: 8px;
	padding-right: 10px;
	margin: 1px auto 0 auto;
}

div#HeaderNavLinks
{
	position: absolute;
	
	top: 82px;
	left: 10px;
}

div#HeaderLogOut
{
	float:right;
	padding-top: 45px;
	padding-right:0px;
   
}

a.clsHeaderLogOut 
{
	text-decoration: none;
	color: #000000 !important;
	font-size:9pt;
	font-weight:bold;	
}

div#HeaderHelp
{
	float:right;
	padding-top: 45px;
	padding-right:0px;

}



div#HeaderTabs a.clsHeaderLogOut:hover, a.clsHeaderHelp:hover
{
	text-decoration: underline;
}

span.clsCaption
{
	font-weight: bold;
}

a.clsHeaderNavLinks 
{
	text-decoration: none;
	color: #000;
	font-size:x-small;
	font-weight:bold;	
}

a.clsHeaderNavLinks:hover
{
	text-decoration: underline;
}



span.clsHeaderNavLinksSeparator
{
	color: #000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
/*
div#HeaderJumpTo
{
	top: 40px;
	left: 680px;
	position: absolute;
}
*/
/* End of header Styles */



/*  Content Block Styles */

div.areaContent  
{
    background-color:white; 
}

div#Content
{

	/*height:100%;*/
}
h2.workspaceHeading
{
	margin-bottom:17px;
	font-size:18px;
	margin-top:-2px;
	float:left;
}
div#workspaceContainer
{
	
	/*border: thin dotted #000000;/*#8CB9DD*/
	
	/*background-color: #fff;*/
	
	float: left;
	height:100%;
	min-height:100px;
	width:678px;
	padding: 15px 10px 5px;
	
	
}

div#workspaceContainer #column1 
{
    width: 235px;
    


    float:left;
	padding:10px 10px 10px 0px;
}
div#workspaceContainer #column2 
{
    width: 385px;

	
	
 float:left;
	padding:10px;
}

div#AIMContainer
{
	
	/*border: thin dotted #000000;/*#8CB9DD*/
	
	/*background-color: #fff;*/
	
	float: left;
	height:100%;
	min-height:100px;
	width:679px;
	padding: 10px 10px 5px;
	
	
}

div#AIMContainer #iconcolumn 
{
    width: 15px;  

		padding:3px 3px 3px 3px;
    float:left;	
}

div#AIMContainer #firstcolumn 
{
    width: 255px;
    


    float:left;
	padding:0px 10px 10px 20px;
}
div#AIMContainer #secondcolumn 
{
    width: 150px;

	
	
 float:left;
	padding:5px 0px 5px 0px;
}

div#AIMContainer #thirdcolumn 
{
    width: 150px;

	
	
 float:left;
	padding:5px 0px 5px 0px;
}

div#ContentColumn1  
{
    width:205px;
    float:left;
}
div#ContentColumn2 
{
    width:465px;
    float:left;
}
div#ContentColumn1_Column1_CustomLogo
{
	/*background-color:Maroon;
	border: thin dotted #000000;*/
	width: 205px;
	
	left:10px;
	top:0px;
	height:80px;
	padding-top: 5px;
	padding-left: 5px;
}

div#ContentColumn1_Column1_CustomInfo
{
	/*background-color:Lime;
	border: thin dotted #000000;*/
	width: 205px;
	

	padding-top:  5px;
	padding-left: 5px;
}

div#ContentColumn1_Column2_CustomHeadline
{
	/*background-color:Blue;
	border: thin dotted #000000;*/
	width: 465px;
	
	padding-top:  5px;
	padding-left: 5px;	
}

div#ContentColumn1_Column2_CustomInfo
{
	/*background-color:Fuchsia;
	border: thin dotted #000000;*/
	width: 465px;
	
	padding-top: 5px;
	padding-left: 5px;
}

div#toolsContainer
{
	/*border: thin dotted #000000;*/
	background-color: #fff;/*#eeeeee*/
	width: 279px;
	/*right: 10px;
	position: absolute;*/
	float:left;
	height:100%;
	margin-left:1px;
	padding-left: 5px;
	padding-top: 10px;
	padding-right: 0px;
}

div#toolsContainer div.pnlChatWindow
{
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;	
}

div#toolsContainer span.lblEntryHeaderChatWindow
{
	font-size:8pt;
	font-style:italic;
	color: #000;
	background-color: #CDCDD0;
}

div#toolsContainer span.lblEntryTextChatWindow
{
	font-size:8pt;
	color: #000;
}

div#toolsContainer textarea.EntryTextChatWindow
{
	float:right;
	font-size:8pt;
	color: #000;		
	width: 97%;
}

div#toolsContainer input.btnSubmitChatWindow
{
	float:right;
	font-size:10pt;
	font-weight:bold;
	font-family:Arial;
	background-color:Gray;
	color:White;
}

div#toolsContainer div.clsCalendar
{
	padding-left: 10px;
	
}
	
div#toolsContainer tr
{
	background-color: #fff;	
}

div#toolsContainer td
{
	background-color: #fff;
	text-decoration: none;
	text-align:left;
	/*border-bottom: solid, 1px, #fff;	*/
}

div#toolsContainer th
{
	background-color: #fff;
	text-decoration: none;
	text-align:center;	
}

div#toolsContainer a
{
	text-decoration: none;	
}

div#toolsContainer a:hover
{
	text-decoration: underline;	
	font-weight:bold;
}
div#toolsContainer a.NavToolSectionButton 
{
    text-decoration: none;	
}


div#Content p.clsInstruction
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	/*font-style:italic;*/
	font-size:large;
	font-weight:bold;
	padding-bottom: 10px;
}

/* End of Content Block Styles */

/* Beginning Tools Section Styles */

div.ToolsJumpTo
{
	background-color: #CDCFD0;
	width: 100%;
	height: 25px;
	vertical-align: middle;
	position:relative;
}

span.clsSearchLabel
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #808284;
	font-size:medium;
	float:left;
	margin-top:3px;
/*	top: 3px;
	position: absolute;
	padding-left:2px;*/
}

input.clsSearchTextbox
{
	border: none;
	margin-top:3px;
	background-color: #fff;
	width: 160px;
	position:relative;
	float:left;
	left:2px; 
}

input.clsSearchImageButton
{
	position:relative;
	top:4px;
	left:140px;
}
	

/* End of Tools Section Styles */

/* Collapsible Section */

div.StandardSectionHeader
{
	border: 2px solid #808080;
	background-color: #808080;
	width: 98%;
	height: 20px;
	vertical-align: middle;
	
}

span.StandardSectionLabel
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	font-size:medium;
	margin-top: 1px;
	float:left;
}

div.StandardSectionContent
{
	width: 98%;/*647px;*/
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #808080;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: #808080;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #808080;
	margin-bottom:15px;
	
	
}

div.StandardSectionFooter
{
	border: 0px solid #808080;
	background-color: #808080;
	width: 98%;
	height: 0px;
	
}

div.StandardCollapsingSection
{
	/*width: 645px;
	padding: 2px;*/
	overflow:auto;
}

input.StandardSectionImageButton
{
	padding-right: 5px;
	float: right;
	margin-top: 3px;
	

}

/* End Collapsible Section */

/* Collapsible Tool Section */

div.ToolSectionHeader
{
	border: 2px solid #CDCFD0;
	background-color: #CDCFD0;
	width: 98%;
	height: 20px;
	
	vertical-align: middle;

}

span.ToolSectionLabel
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #808284;
	font-size:medium;
	margin-top: 1px;
float:left;
}

div.ToolSectionContent
{
	
	background-color: #FFF;
	width: 98%;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #CDCFD0;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: #CDCFD0;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #CDCFD0;
	margin-bottom:10px;
}

div.ToolSectionFooter
{
	border: 0px solid #CDCFD0;
	background-color: #CDCFD0;
	width: 98%;
	height: 0px;
}

div.ToolCollapsingSection
{
	width: 97%;
	/*padding: 2px;*/
	
}

input.ToolSectionImageButton
{
	padding-right: 5px;
	float: right;
	margin-top: 2px;
	

}

/* End Collapsible Tool Section */

/* Collapsible AreaTool Section */
.AreaToolSection
{
  margin-left: 5px !important;
  margin-top:2px !important;
  float:left; 
	width: 98%;
	margin-bottom:0px !important;
 }
 
div.AreaToolSectionHeader
{
	border: 2px solid #CDCFD0;
	background-color: #CDCFD0;
	width: 98%;
	height: 20px;
	vertical-align: middle;
	position: relative;
	
}

/* label colour should be area colour*/
span.AreaToolSectionLabel
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #808284;
	font-size:medium;
	top: 1px;
	position: absolute;
}

div.AreaToolSectionContent
{
	
	background-color: #FFF;
	width: 98%;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #CDCFD0;
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: #CDCFD0;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #CDCFD0;
	margin-bottom:10px;
}

div.AreaToolSectionFooter
{
	border: 0px solid #CDCFD0;
	background-color: #CDCFD0;
	width: 98%;
	height: 0px;
}

div.AreaToolCollapsingSection
{
	/*width: 97%;
	padding: 2px;*/
}

input.AreaToolSectionImageButton
{
	padding-right: 5px;
	float: right;
	margin-top: 2px;
	position: relative;

}

span.AreaToolSectionDescription {
	position: relative;
	top: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #808284;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 3px;
}
/* End Collapsible AreaTool Section */

/* Collapsible NavTool Section */

div.NavToolSectionHeader
{
	border: none;
	background-color: #fff;
	width: 98%;
	height: 20px;
	vertical-align: middle;
	position: relative;
}

a.NavToolSectionLink
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	font-size:small;
	top: 1px;
	position: absolute;
	text-decoration:none;
	padding-left:2px;
}

div.NavToolSectionContent
{	
	background-color: #FFF;
	width: 98%;
	border: none;
	
}

span.NavToolSectionDescription
{
	position: relative;
	top: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #808284;
	font-size:8pt;	
	padding-left:3px;
}

div.NavToolSectionFooter
{
	border: none;
	background-color: #fff;
	width: 98%;
	height: 0px;
}

div.NavToolCollapsingSection
{
	/*width: 97%;
	padding: 2px;*/
}

input.NavToolSectionImageButton
{
	padding-right: 5px;
	float: right;
	top: 1px;
	position: relative;
	vertical-align:middle;
}

/* Collapsible NavTool Section */

div.NavToolSectionHeader
{
	border: none;
	background-color: #fff;
	width: 98%;
	height: 20px;
	vertical-align: middle;
	position: relative;
}

a.NavToolSectionLink
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	font-size:small;
	top: 1px;
	position: absolute;
	text-decoration:none;
	padding-left:2px;
}

div.NavToolSectionContent
{	
	background-color: #FFF;
	width: 98%;
	border: none;
}

span.NavToolSectionDescription
{
	position: relative;
	top: 1px;
	font-family: Arial, Helvetica, sans-serif;
	color: #808284;
	font-size:8pt;	
	padding-left:3px;
	text-underline: #000000;
	
}

div.eReportLink a {
	text-decoration: underline !important;
}

div.NavToolSectionFooter
{
	border: none;
	background-color: #fff;
	width: 98%;
	height: 0px;
}

div.NavToolCollapsingSection
{
	/*width: 97%;
	padding: 2px;*/
}

input.NavToolSectionImageButton
{
	padding-right: 5px;
	float: right;
	top: 1px;
	position: relative;
	vertical-align:middle;
}


div.NavToolSectionButton
{
	float: right;
	top: 1px;
	position: relative;    
	padding-right: 5px;
	padding-left:5px;
	
}

div.NavToolSectionButton a
{
	background-color : #808284;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 6pt;
	text-decoration: none;
	float: right;
	
	position: relative;    
	padding-right: 5px;
	padding-left:5px;
}


/* End Collapsible NavTool Section */

/* Begin Table Styles */
table
{
		border-collapse:collapse;
/*		border: solid 1px #808080;*/	
		background-color: #AAAAAA;
		width:100%;
}

tr
{
	
}

th
{
background-color:	#E2E3E4;
	color: #636466;
	font-size:8pt;
	text-align: left;
	white-space:nowrap;	
}

th.erc
{
	color: #676767;
	background-color: #8CB9DD;
	font-size:8pt;
	text-align:center;
	text-indent: 4px;
	white-space:nowrap;	
}

th.occ
{
	color: #676767;
	background-color: #8CB9DD;
	font-size:8pt;
	text-align: right;
	text-indent: 4px;
	white-space:nowrap;
	padding-right:2px;	
}

td
{
	color: #000;
	font-size:8pt;
	text-align:left;
	padding-left: 5px; 
	 <![if !IE]>
	white-space:nowrap;	
	<![endif]>
	border-bottom: solid 1px #676767;
	line-height:16px;	
}

table.standardStyle
{
	background-color: #ffffff;
		border: 9px none;	
	text-align:left;
	white-space:normal;
	line-height:normal;
	text-indent:0px;
	padding:0px 0px 0px 0px;
	width:100%;
	
}

td.standardStyle
{
	background-color: #fff;
	text-align:left;
	white-space:normal;
	line-height:normal;
	text-indent:0px;
	padding:5px 5px 5px 5px;
	border-bottom: none;
}
td.standardStyleNoPadding
{
	background-color: #fff;
	text-align:left;
	white-space:normal;
	line-height:normal;
	text-indent:0px;
	padding:0px 0px 0px 0px;
	border-bottom: none;
}

input.clsLoginSubmit
{
	float:right;
}

input.clsLoginTextBox
{
}

td.occ
{
	color: #000;
	background-color: #8CB9DD;
	font-size:8pt;
	text-align:left;
	text-indent: 5px; 
	white-space:nowrap;	
	border-bottom: solid 1px #8CB9DD;
	line-height:22px;	
}

td.occ_noborder
{
	color: #000;
	background-color: #AFD9F4;
	font-size:8pt;
	text-align:left;
	text-indent: 5px; 
	white-space:nowrap;	
	border-bottom: solid 1px #AFD9F4;
	line-height:22px;	
}

td.occheader
{
	color: #000;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	text-indent: 5px;
	background-color: #8CB9DD; 
	white-space:nowrap;
	border-bottom: solid 1px #8CB9DD;	
	line-height:22px;
	padding-left:2px;
	padding-right:2px;
		
}

input.occheader
{
	color: #000;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	
}

select.occ
{
	color: #000;
	font-size:8pt;
	text-align:left;
	text-indent:2px;
}

input.occ
{
	color: #000;
	font-size:8pt;
	text-align:left;
	text-indent:2px;
}

input.ereports
{
	color: #000;
	background-color: #AFD9F4;
	font-size:8pt;
	text-align:left;
	text-indent:2px;
}

textarea.occ
{
	color: #000;
	background-color: #AFD9F4;
	font-size:8pt;
	text-align:left;
	text-indent: 2px;	
}

textarea.erccomment
{
	color: #000;
	background-color: #fff;
	font-size:8pt;
	text-align:left;
	text-indent: 2px;	
}

td.erc
{
	background-color: #fff;
	text-align:center;
}


td.clsWrapped
{
	white-space:normal;
	line-height:normal;
	text-indent:0px;
	padding:5px 5px 5px 5px;
}



/* End Table Styles */

/* ERC Members Comments Styles */



textarea.clsERCMemberComentsText
{
	width:99%;
	height:75px;
	font-size:8pt;
	text-align:left;
	text-indent: 2px;	
}

table.clsERCMemberDecision
{
	float:right;
}

input.clsERCMemberCommentSubmit
{
	float:right
}


/* End Members Comments Styles */

/* ERC Coordinators eReport Panel Styles */
div#ERCDefaultResponse
{
	/* height:75px;
	width:100%; */
	background-color: #8CB9DD;
}

div#ERCDefaultResponse td
{
		border:none;
}

div.clsEReportOverride td
{
		border:none;
}

/*
div#ERCDefaultResponseCol1
{
	background-color: #8CB9DD;
	width: 49%;
	float: left;
	height:100%;
	
}
div#ERCDefaultResponseCol2
{
	background-color: #8CB9DD;
	width: 49%;
	float: right;
	height:100%;	
}
*/
div#ERCCoordeReportSections
{
	background-color: #8CB9DD;
	width:100%;
}
/* End ERC Coordinators eReport Panel Styles */

/* Begin jQuery UI Dialog Styles */

.ui-dialog1 {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3;
	 text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
	background: #ffffff;
	color: #222222;
	border: 2px solid #808080;
	position: relative;
	
}

.ui-dialog1-overlay { background-color:#e2E3E4; opacity:0.6;
                      zoom:1; position:absolute;
                      filter:alpha(opacity=60);
                      }


.ui-dialog1-titlebar {
    
	background-color: #808080;
	height: 20px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	font-size:medium;
	padding: 3px;
	
}
.ui-dialog1-title {}
.ui-dialog1-titlebar-close {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	background: url(images/888888_11x11_icon_close.gif) 0 0 no-repeat;
	position: absolute;
	right: 8px;
	top: .7em;
	width: 11px;
	height: 11px;
	z-index: 100;
}
.ui-dialog1-titlebar-close-hover, .ui-dialog1-titlebar-close:hover {
	background: url(images/454545_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog1-titlebar-close:active {
	background: url(images/454545_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog1-titlebar-close span {
	display: none;
}
.ui-dialog1-content {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; 
	line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	color: #222222;
    overflow:auto;
		
}


.ui-dialog1-buttonpane {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
	border-top: 1px solid #aaaaaa;
	background: #808080;
	text-align:right;
}
.ui-dialog1-buttonpane button {
	
	color: white;
	border:0px none;
	background: #5F5F5F url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	font-size: 10pt;
	padding:2px;
	margin:4px 2px 2px 2px;
	font-weight:bold;
	min-width:80px;
	cursor: pointer;
	
}
.ui-dialog1-buttonpane button:hover {
	
	
}
.ui-dialog1-buttonpane button:active {

}
/* This file skins dialog */
.ui-dialog1.ui-draggable .ui-dialog1-titlebar,
.ui-dialog1.ui-draggable .ui-dialog1-titlebar {
	cursor: move;
}


.dialogError { min-height:48px;  background: url('images/error.png') no-repeat center left; padding:10px; font-size:9pt; padding-left:58px; }
.dialogConfirm { min-height:48px;  background: url('images/warning.png') no-repeat center left; padding:10px; font-size:9pt; padding-left:58px; }
.dialogConfirmNoWarning { min-height:38px; padding:5px; font-size:9pt;margin-top: 10px;}
.dialogInfo { min-height:48px; background: url('images/info.png') no-repeat center left; padding:10px; font-size:9pt; padding-left:58px; }
.dialogYesNoCancel{ min-height:48px; background: url('images/warning.png') no-repeat center left; padding:10px; font-size:9pt; padding-left:58px; }


/* End jQuery UI Dialog Styles */

/* Begin jQuery SpellChecker Styles */

.errorList {
background:#EEE;
border:1px solid #444;
display:none;
width:120px;
}
.mcdropdown.error, input.error { border-color:#ff0000 !important; }
.errorList ul, .errorList ul * {
padding:0;
margin:0;
}
.errorList ul li a { width:100%;  display:block;}
.errorList ul li{
list-style:none;

display:block;
}

.errorList ul li:hover{
background:#3399FF;
cursor:pointer;
color:#FFF;
}

.errorList ul li:hover span{
color:#FFF;
}

.errorList li:hover a{
color:#FFF;

}

.errorList a{
padding: 4px;
color:#000;
font:11px Tahoma;
font-weight:normal;
text-decoration:none;   
}

iframe { border:1px solid #7f9db9; }

/* End jQuery SpellChecker Styles

/* Begin Misc Styles */


/* End Misc Styles */

/*===============================================================================================================================
 *
 * On line Help Styles.
 *
 *=================================================================================================================================*/
 
div.clsHelpPage
{
	margin: 50px;
} 
 
div.clsHelpParent
{
}

.clsHelpContent ol
{
	margin-left:25px;
}

.clsHelpContent ul
{
	margin-left:25px;
}

span.clsHelpParentLabel
{
	font-weight: bold;
}

span.clsHelpNoParent
{
}

a.clsHelpParent
{
	
}

div.clsHelpTopic
{
}

span.clsHelpTopic
{
	font-size:large;
	font-weight:bold;
}

div.clsHelpContent
{
    white-space: normal;
}

.clsHelpContent span
{
    white-space:normal;
}

div.clsHelpChildren
{
}

span.clsHelpChildrenLabel
{
	font-weight: bold;
}

div.clsHelpChildrenContent
{
	padding-left: 50px;
}

li.clsHelpChildren
{
}

ul.clsHelpChildren
{
	list-style-type:circle;
}

a.clsHelpAuthor
{
	float: right;
	padding-right: 50px;
}

div.clsHelpAuthor
{
}

/*===============================================================================================================================
 *
 * On line Help Styles - Maintenance.
 *
 *=================================================================================================================================*/

div.clsHelpPageMaint
{
	margin: 50px;
} 
 
div.clsHelpParentMaint
{
}

span.clsHelpParentLabelMaint
{
	font-weight: bold;
}

span.clsHelpNoParentMaint
{
}

div.clsHelpTopicMaint
{
}

span.clsHelpTopicMaint
{
	font-size:large;
	font-weight:bold;
	/* margin: 100px; */
}

div.clsHelpContentMaint
{

}


div.clsHelpKeyWords
{
	
}

a.clsHelpView
{
	float: right;
	padding-right: 50px;
}

div.clsHelpView
{
}


/*===============================================================================================================================
 *
 * Help Tool Styles
 *
 *=================================================================================================================================*/

div#HelpToolSearchResults
{
	height: 200px;
	overflow:auto;
	margin: 4px; 
}
div#HelpToolKeyWords
{
	background-color: #CDCFD0;
	
	padding:4px;
	overflow:auto;
}

a.clsHelpSearchResult
{
	font-family: Arial, Helvetica, sans-serif;
	color: #808284;
	font-size:8pt;	
	width: 10px;
}

/*	
span#HelpSearchLabel
{
	font-family: Arial, Helvetica, sans-serif;
	color: #808284;
	font-size:8pt;	

}
*/


/*
===============================================================================================================================
Original MVC stylesheet - for reference
*/

/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
/*
body
{
    background-color: #5c87b2;
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}
*/
/* HEADINGS   
----------------------------------------------------------*/
/*
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}
*/
/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
/*
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}
*/
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
/*
.page
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}
/*
#main
{
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore 
}

#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}*/

/* TAB MENU   
----------------------------------------------------------*/
/*
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}
*/
/* MISC  
----------------------------------------------------------*/
/*
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
    margin-top:40px;
}

#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
*/


/* combo box styles */



div.multicombo {
    position:relative;
    zoom:1;
    white-space: nowrap;
    height: 20px;
    border: 0;
    margin: 0;
    padding: 0;

}
.wrapperdiv > div > div > div>div:hover  
{
    color:White;
    background-color:#808080;
} 
.wrapperdiv > div > div > div>div
{
    font:normal 14px tahoma, arial, helvetica, sans-serif;
    cursor:pointer;
       background-color: #FFFFFF;
    padding:2px;
    
}
.wrapperdiv > div { padding: 2px; }
.multicombo input {
    margin: 0 0 0 0;
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    padding:1px 3px;
   
    border:1px solid #7b9ebd;
    height: 18px;
    line-height:18px;
    vertical-align:middle; 
    position: absolute;
    left: 0;
    top: 0;   
}

.multicombo img {
    width:17px;
    height:21px;
    border:0;
    /*you should probably change URL of the background image if you have different directory structure*/
    background:transparent url(images/trigger.gif) no-repeat 0 0;
    cursor:pointer;
    border-bottom: 1px solid #B5B8C8;
    position:absolute;
    top:0;
}



div.multicombo  div {
  
 
    padding: 0;
    overflow: hidden;
    margin: 0;
 
 
    z-index: 99999;
}

.multicombo ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 200px;
}

.multicombo  li {
    padding: 0;
    padding-left: 5px;
    font:normal 14px tahoma, arial, helvetica, sans-serif;
    background-color: #FFFFFF;
    height: 20px;
    cursor: pointer;
    margin: 0;
}

.multicombo li.active {
    background-color: rgb(223, 232, 246);
}


.multicombo .visible {
    display: block;
}

.multicombo .invisible {
    display: none;
}
.multicombo input.gray {
    color: gray;
}






 


/* end combo box styles */



/*  form Styles: 
    Modified CSS from http://decaf.de/articles/approach-to-flexible-multicolumn-forms/
*/


		/*
		-----------------------------------------------------------------
		form
		----------------------------------------------------------------- */

		ul.form {
			width: 100%;
			font-family: sans-serif; font-size: 0.8em;
			margin: 0;
			padding: 0;
			border: 0;
			
			clear:both;
		}
		ul.form div.form_wrapper {
			margin: 0 -1%;
			padding: 0;
		}
		ul.form fieldset {
			clear: both;
			margin: 0 0 20px 0;
			padding: 0;
			border: 0;
		}


		/*
		---------------------------
		labels and wrappers
		--------------------------- */

		ul.form li {
			margin: 0 1%;
			padding: 3px 0;
			border: 0;
			float: left;
			display: block;
			width: 1%;
		}
		ul.form .wrapper {
			margin: 0;
			padding: 0;
			display: table-cell;
			width: 1%; /* firefox */
		}


		/*
		---------------------------
		width
		--------------------------- */

		ul.form .w100 {
			width: 98%;
			display: block;
		}
		ul.form .w75 {
			width: 73%;
			display: block;
		}
		ul.form .w50 {
			width: 48%;
			display: block;
		}
        ul.form .w24 {
			width: 22%;
			display: block;
		}
		ul.form .w25 {
			width: 23%;
			display: block;
		}
		ul.form .w30 {
			width: 28%;
			display: block;
		}
		ul.form .w70 {
			width: 68%;
			display: block;
		}
		ul.form .w20 {
			width: 18%;
			display: block;
		}
		ul.form .w40 {
			width: 38%;
			display: block;
		}
		ul.form .w60 {
			width: 58%;
			display: block;
		}
		ul.form .w80 {
			width: 78%;
			display: block;
		}

    ul.form .w15 {
			width: 12%;
			display: block;
		}
		ul.form .w5050 {
			width: 98%;
			display: block;
		}
		
		/*
		---------------------------
		position
		--------------------------- */
    ul.form .fr {
			margin-left: 0%;
		}
		ul.form .p25 {
			margin-left: 26%;
		}
		ul.form .p50 {
			margin-left: 51%;
		}
		ul.form .p75 {
			margin-left: 76%;
		}
		ul.form .p30 {
			margin-left: 31%;
		}
		ul.form .p3 {
			margin-left: 4.3%;
		}
				ul.form .p5 {
			margin-left: 6%;
		}
		ul.form .p70 {
			margin-left: 71%;
		}
		ul.form .p20 {
			margin-left: 21%;
		}
				ul.form .p10 {
			margin-left: 11%;
		}
				ul.form .p15 {
			margin-left: 16%;
		}
						
		ul.form .p40 {
			margin-left: 41%;
		}
		ul.form .p60 {
			margin-left: 61%;
		}
		ul.form .p80 {
			margin-left: 81%;
		}
		ul.form .r25 {
			margin-right: 26%;
		}
		ul.form .r50 {
			margin-right: 51%;
		}
		ul.form .r75 {
			margin-right: 76%;
		}
		ul.form .r30 {
			margin-right: 31%;
		}
		ul.form .r3 {
			margin-right: 4.3%;
		}
				ul.form .r5 {
			margin-right: 6%;
		}
		ul.form .r70 {
			margin-right: 71%;
		}
		ul.form .r20 {
			margin-right: 21%;
		}
				ul.form .r10 {
			margin-right: 11%;
		}
				ul.form .r15 {
			margin-right: 16%;
		}
						
		ul.form .r40 {
			margin-right: 41%;
		}
		ul.form .r60 {
			margin-right: 61%;
		}
		ul.form .r80 {
			margin-right: 81%;
		}
		ul.form .t50 
		{
		    float:right;
		    line-height:2.6em;
		    padding:10px 0px;
		}
		
		ul.form .t10 
		{
		    float:left;
		    line-height:2.6em;
		    padding:10px 0px;
		}
		
		ul.form .t100 
		{
		    float:right;
		    line-height:5.2em;
		    padding:20px 0px;
		}



		/*
		---------------------------
		errors
		--------------------------- */

		ul.form label.error input.field,
		ul.form label.error select.field,
		ul.form label.error textarea.field {
			border-color: #dd1100;
		}

		ul.form label.error span.title {
			color: #dd1100;
		}


		/*
		---------------------------
		title and examples 
		--------------------------- */

		ul.form li span.title {
		}
		ul.form li span.example {
			color: #999;
			font-style: italic;	
		}


		/*
		---------------------------
		input/select fields 
		--------------------------- */

		ul.form li input.field,
		ul.form li select.field,
		ul.form li textarea.field {
			width: 100%;
			display: block;
			border: 1px solid #d0d6da;
			border-left: 3px solid #809db5;
			background: #e9edf0;
			padding: 4px;
			font-family: sans-serif; font-size: 1em;
			box-sizing: border-box;
			-moz-box-sizing: border-box; /* gecko */
			-webkit-box-sizing: border-box; /* khtml/webkit */
			-ms-box-sizing: border-box; /* IE */
		}

		ul.form li select.field {
			padding: 4px 1px 1px 1px; /* have to try out */
		}

		ul.form li input.field:focus,
		ul.form li select.field:focus,
		ul.form li textarea.field:focus {
			border: 1px solid #d0d6da;
			border-left: 3px solid #57ab44;
			background: #e0eadd;
		}

		/* Pflichtfelder
			mandatory fields */
		ul.form li.mandatory input.field,
		ul.form li.mandatory select.field,
		ul.form li.mandatory textarea.field {
			border: 1px solid #809db5;
			border-left: 8px solid #809db5;
		}

		/* Kalenderfelder
			calendar fields */
		ul.form li.calendar input.field {
			padding-right: 25px;
		}


		/*
		---------------------------
		checkboxes and radios
		--------------------------- */

		ul.form input.select {
			display: block;
			float: left;
			margin: 0;
		}


		/*
		---------------------------
		submit button
		--------------------------- */

		ul.form input.submit {
			width: 100%;
			background: #809db5;
			color: #fff;
			padding: 2px 0;
			font-size: 1em;
		}

		ul.form input.submit:hover,
		ul.form input.submit:focus {
			background: #57ab44;
			/* cursor: pointer;  sorry, can't use that one in front of Opera */
		}


		/*
		---------------------------
		calender icon
		--------------------------- */
		
		ul.form a.calendar {
			float: right;
			position: relative; top: 3px; left: -20px;
			z-index: 1000;
		}
		ul.form a.calendar img {
			border: 0;
			position: absolute; top: 0; left: 0;
			z-index: 1001;
		}

		
		/*
		---------------------------
		additional styles for
		input/select fields
		--------------------------- */

		ul.form li.inputselect span.title {
			margin: 0 0 2px 0;
			display: table; /* act as inline-block */
		}

		ul.form li span.title:hover,
		ul.form li span.title:focus {
			color: #57ab44;
			cursor: pointer;
		}

		ul.form li br {
			margin: 0 0 2px 0;
		}


		/*
		---------------------------
		additional styles for
		checkboxes and radios
		--------------------------- */

		ul.form li.wauto {
			width: auto;
			margin-right: 15px;
		}
		ul.form li.radiocheck {
			margin-bottom: 10px;
		}
		ul.form li.radiocheck .wrapper {
			padding-right: 0;
		}
		ul.form li.wauto .wrapper {
			display: inline;
		}
		ul.form li.radiocheck span.title {
			display: block;
			margin: 0 0 0 20px;
			padding: 0;
		}
    ul.form.no-panel {font-size:100%; }

		/*
		---------------------------
		clearing elements
		--------------------------- */

		.clear {
			clear: both;
			display: block;
			padding: 0 0 10px 0;
		}
		.mb0 {
			margin-bottom: 0 !important;
		}
		.pb20 {
			padding-bottom: 20px !important;
		}


		/*
		---------------------------
		form content
		--------------------------- */

		ul.form p,
		ul.form h3 {
			margin: 0 1% 10px 1%;
		}
		
		div.errors {
			display: none; /* JS toggle */
			margin: 0 1% 30px 1%;
			padding: 5px 10px;
			background: #dd1100;
		}
		div.errors p {
			color: #fff;
			margin: 0 0 0.5em 0;
		}
		div.errors ul {
			margin: 0 0 0 1.6em;
			padding: 0;
		}
		div.errors ul li {
			margin: 0;
			padding: 0;
			color: #fff;
			list-style-type: square;
		}
        
	    /* 
        ----------------------------------
        labels and child elements
        ---------------------------------- */
        /* l10 == label.width = 10% of 100% width element
               == label.width = 20% of 50% width element
               == label.width = 40% of 25% width element */
        .form.l10 li.w20 > *, html .form li.w20.l10 > * { width:48%;}
        .form.l10 li.w20 > label,html  .form li.w20.l10 > label { width:48%;text-align:right;float:left; }
        .form.l10 li.w25 > *, html .form li.w25.l10 > *  { width:58%;}
        .form.l10 li.w25 > label, html .form li.w25.l10 > label { width:38%;text-align:right;float:left; }
        .form.l10 li.w30 > *,html  .form li.w30.l10 > *  { width:65%;}
        .form.l10 li.w30 > label, html .form li.w30.l10 > label { width:31%;text-align:right;float:left; }
        .form.l10 li.w40 > *, html .form li.w40.l10 > *  { width:73%;}
        .form.l10 li.w40 > label,html  .form li.w40.l10 > label { width:23%;text-align:right;float:left; }
        .form.l10 li.w50 > *, html .form li.w50.l10 > *  { width:78%;}
        .form.l10 li.w50 > label, html .form li.w50.l10 > label { width:18%;text-align:right;float:left; }
        .form.l10 li.w60 > *, html .form li.w60.l10 > *  { width:81%;}
        .form.l10 li.w60 > label, html .form li.w60.l10 > label { width:15%;text-align:right;float:left; }
        .form.l10 li.w70 > *, html .form li.w70.l10 > *  { width:84%;}
        .form.l10 li.w70 > label,html  .form li.w70.l10 > label { width:12%;text-align:right;float:left; }
        .form.l10 li.w75 > *, html .form li.w75.l10 > *  { width:84%;}
        .form.l10 li.w75 > label, html .form li.w75.l10 > label { width:12%;text-align:right;float:left; }
        .form.l10 li.w80 > *, html .form li.w80.l10 > *  { width:86%;}
        .form.l10 li.w80 > label, html .form li.w80.l10 > label { width:10%;text-align:right;float:left; }
        .form.l10 li.w100 > *, html .form li.w100.l10 > * { width:88%;}
        .form.l10 li.w100 > label, html .form li.w100.l10 > label { width:8%;text-align:right;float:left; }

        /* l15 == label.width = 15% of 100% width element
               == label.width = 30% of 50% width element
               == label.width = 60% of 25% width element */
        .form.l15 li.w20 > *, html .form li.w20.l15 > * { width:23%;}
        .form.l15 li.w20 > label, html .form li.w20.l15 > label { width:73%;text-align:right;float:left; }
        .form.l15 li.w25 > *, html .form li.w25.l15 > *  { width:38%;}
        .form.l15 li.w25 > label, html .form li.w25.l15 > label { width:58%;text-align:right;float:left; }
        .form.l15 li.w30 > *,html  .form li.w30.l15 > *  { width:48.33%;}
        .form.l15 li.w30 > label, html .form li.w30.l15 > label { width:47.67%;float:left; }
        .form.l15 li.w40 > *, html .form li.w40.l15 > *  { width:60%;}
        .form.l15 li.w40 > label, html .form li.w40.l15 > label { width:35%;text-align:right;float:left; }
        .form.l15 li.w50 > *, html .form li.w50.l15 > *  { width:68%;}
        .form.l15 li.w50 > label, html .form li.w50.l15 > label { width:28%;text-align:right;float:left; }
        .form.l15 li.w60 > *, html .form li.w60.l15 > *  { width:73%;}
        .form.l15 li.w60 > label, html .form li.w60.l15 > label { width:23%;float:left; }
        .form.l15 li.w70 > *, html .form li.w70.l15 > *  { width:76.5%;}
        .form.l15 li.w70 > label, html .form li.w70.l15 > label { width:19.5%;text-align:right;float:left; }
        .form.l15 li.w75 > *, html .form li.w75.l15 > *  { width:78%;}
        .form.l15 li.w75 > label, html .form li.w75.l15 > label { width:18%;text-align:right;float:left; }
        .form.l15 li.w80 > *, html .form li.w80.l15 > *  { width:79%;}
        .form.l15 li.w80 > label, html .form li.w80.l15 > label { width:17%;text-align:right;float:left; }
        .form.l15 li.w100 > *, html .form li.w100.l15 > * { width:83%;}
        .form.l15 li.w100 > label, html .form li.w100.l15 > label { width:13%;float:left; }
        
          /* l16 == label.width = 16% of 100% width element
               == label.width = 32% of 50% width element
               == label.width = 64% of 25% width element */
        .form.l16 li.w20 > *, html .form li.w20.l16 > * { width:18%;}
        .form.l16 li.w20 > label, html .form li.w20.l16 > label { width:78%;text-align:right;float:left; }
        .form.l16 li.w25 > *, html .form li.w25.l16 > *  { width:34%;}
        .form.l16 li.w25 > label, html .form li.w25.l16 > label { width:62%;text-align:right;float:left; }
        .form.l16 li.w30 > *, html .form li.w30.l16 > *  { width:45%;}
        .form.l16 li.w30 > label, html .form li.w30.l16 > label { width:51%;text-align:right;float:left; }
        .form.l16 li.w40 > *, html .form li.w40.l16 > *  { width:58%;}
        .form.l16 li.w40 > label, html .form li.w40.l16 > label { width:38%;text-align:right;float:left; }
        .form.l16 li.w50 > *, html .form li.w50.l16 > *  { width:66%;}
        .form.l16 li.w50 > label, html .form li.w50.l16 > label { width:30%;text-align:right;float:left; }
        .form.l16 li.w60 > *,html  .form li.w60.l16 > *  { width:72%;}
        .form.l16 li.w60 > label, html .form li.w60.l16 > label { width:24%;text-align:right;float:left; }
        .form.l16 li.w70 > *, html .form li.w70.l16 > *  { width:76%;}
        .form.l16 li.w70 > label, html .form li.w70.l16 > label { width:20%;text-align:right;float:left; }
        .form.l16 li.w75 > *, html .form li.w75.l16 > *  { width:77%;}
        .form.l16 li.w75 > label, html .form li.w75.l16 > label { width:19%;text-align:right;float:left; }
        .form.l16 li.w80 > *, html .form li.w80.l16 > *  { width:77.5%;}
        .form.l16 li.w80 > label, html .form li.w80.l16 > label { width:18.5%;text-align:right;float:left; }
        .form.l16 li.w100 > *, html .form li.w100.l16 > * { width:82%;}
        .form.l16 li.w100 > label, html .form li.w100.l16 > label { width:14%;text-align:right;float:left; }
          
          /* l17 == label.width = 17% of 100% width element
               == label.width = 34% of 50% width element
               == label.width = 68% of 25% width element */
        .form.l17 li.w20 > *,html  .form li.w20.l17 > * { width:13%;}
        .form.l17 li.w20 > label, html .form li.w20.l17 > label { margin-right:1.4%;width:83%;text-align:right;float:left; }
        .form.l17 li.w25 > *, html .form li.w25.l17 > *  { width:30%;}
        .form.l17 li.w25 > label, html .form li.w25.l17 > label { margin-right:1.3%;width:66%;text-align:right;float:left; }
        .form.l17 li.w30 > *, html .form li.w30.l17 > *  { width:40%;}
        .form.l17 li.w30 > label, html .form li.w30.l17 > label { margin-right:1.2%;width:54%;text-align:right;float:left; }
        .form.l17 li.w40 > *, html .form li.w40.l17 > *  { width:56%;}
        .form.l17 li.w40 > label, html .form li.w40.l17 > label { margin-right:1.1%;width:40%;text-align:right;float:left; }
        .form.l17 li.w50 > *, html .form li.w50.l17 > *  { width:62%;}
        .form.l17 li.w50 > label, html .form li.w50.l17 > label { margin-right:1%; width:32%;text-align:right;float:left; }
        .form.l17 li.w60 > *, html .form li.w60.l17 > *  { width:70%;}
        .form.l17 li.w60 > label, html .form li.w60.l17 > label { margin-right:0.8%; width:26%;text-align:right;float:left; }
        .form.l17 li.w70 > *, html .form li.w70.l17 > *  { width:74%;}
        .form.l17 li.w70 > label, html .form li.w70.l17 > label { margin-right:0.5%; width:22%;text-align:right;float:left; }
        .form.l17 li.w75 > *, html .form li.w75.l17 > *  { width:76%;}
        .form.l17 li.w75 > label, html .form li.w75.l17 > label { margin-right:0.5%; width:20%;text-align:right;float:left; }
        .form.l17 li.w80 > *, html .form li.w80.l17 > *  { width:76.5%;}
        .form.l17 li.w80 > label, html .form li.w80.l17 > label { margin-right:0.5%; width:19.5%;text-align:right;float:left; }
        .form.l17 li.w100 > *, html .form li.w100.l17 > * { width:81%;}
        .form.l17 li.w100 > label, html .form li.w100.l17 > label { margin-right:0.5%;width:15%;text-align:right;float:left; }
        
          /* l18 == label.width = 18% of 100% width element
               == label.width = 36% of 50% width element
               == label.width = 72% of 25% width element */
        .form.l18 li.w20 > *, html .form li.w20.l15 > * { width:8%;}
        .form.l18 li.w20 > label, .form li.w20.l18 > label { width:88%;text-align:right;float:left; }
        .form.l18 li.w25 > *, html .form li.w25.l18 > *  { width:26%;}
        .form.l18 li.w25 > label, .form li.w25.l18 > label { width:70%;text-align:right;float:left; }
        .form.l18 li.w30 > *, html .form li.w30.l18 > *  { width:38%;}
        .form.l18 li.w30 > label, .form li.w30.l18 > label { width:58%;text-align:right;float:left; }
        .form.l18 li.w40 > *, html .form li.w40.l18 > *  { width:53%;}
        .form.l18 li.w40 > label, .form li.w40.l18 > label { width:43%;text-align:right;float:left; }
        .form.l18 li.w50 > *, html .form li.w50.l18 > *  { width:62%;}
        .form.l18 li.w50 > label, .form li.w50.l18 > label { width:34%;text-align:right;float:left; }
        .form.l18 li.w60 > *, html .form li.w60.l18 > *  { width:68%;}
        .form.l18 li.w60 > label, .form li.w60.l18 > label { width:28%;text-align:right;float:left; }
        .form.l18 li.w70 > *, html .form li.w70.l18 > *  { width:73%;}
        .form.l18 li.w70 > label, .form li.w70.l18 > label { width:23%;text-align:right;float:left; }
        .form.l18 li.w75 > *, html .form li.w75.l18 > *  { width:74%;}
        .form.l18 li.w75 > label, .form li.w75.l18 > label { width:22%;text-align:right;float:left; }
        .form.l18 li.w80 > *, html .form li.w80.l18 > *  { width:75%;}
        .form.l18 li.w80 > label, .form li.w80.l18 > label { width:21%;text-align:right;float:left; }
        .form.l18 li.w100 > *, html .form li.w100.l18 > * { width:80%;}
        .form.l18 li.w100 > label, html .form li.w100.l18 > label { width:16%;text-align:right;float:left; }
        
        /* l19 == label.width = 19% of 100% width element
               == label.width = 38% of 50% width element
               == label.width = 76% of 25% width element */
        .form.l19 li.w20 > *, html .form li.w20.l19 > * { width:3%;}
        .form.l19 li.w20 > label, html .form li.w20.l19 > label { width:93%;text-align:right;float:left; }
         .form.l19 li.w24 > *, html .form li.w25.l19 > *  { width:50%;}
        .form.l19 li.w24 > label, html .form li.w25.l19 > label { width:45%;text-align:right;float:left; }
        .form.l19 li.w25 > *, html .form li.w25.l19 > *  { width:22%;}
        .form.l19 li.w25 > label, html .form li.w25.l19 > label { width:72%;text-align:right;float:left; }
        .form.l19 li.w30 > *, html .form li.w30.l19 > *  { width:35%;}
        .form.l19 li.w30 > label, html .form li.w30.l19 > label { width:61%;text-align:right;float:left; }
        .form.l19 li.w40 > *, html .form li.w40.l19 > *  { width:51%;}
        .form.l19 li.w40 > label, html .form li.w40.l19 > label { width:45%;text-align:right;float:left; }
        .form.l19 li.w50 > *, html .form li.w50.l19 > *  { width:60%;}
        .form.l19 li.w50 > label,html  .form li.w50.l19 > label { width:36%;text-align:right;float:left; }
        .form.l19 li.w60 > *, html .form li.w60.l19 > *  { width:65%;}
        .form.l19 li.w60 > label, html .form li.w60.l19 > label { width:31%;text-align:right;float:left; }
        .form.l19 li.w70 > *, html .form li.w70.l19 > *  { width:71%;}
        .form.l19 li.w70 > label, html .form li.w70.l19 > label { width:25%;text-align:right;float:left; }
        .form.l19 li.w75 > *, html .form li.w75.l19 > *  { width:73%;}
        .form.l19 li.w75 > label, html .form li.w75.l19 > label { width:23%;text-align:right;float:left; }
        .form.l19 li.w80 > *, html .form li.w80.l19 > *  { width:74%;}
        .form.l19 li.w80 > label, html .form li.w80.l19 > label { width:22%;text-align:right;float:left; }
        .form.l19 li.w100 > *, html .form li.w100.l19 > * { width:79%;}
        .form.l19 li.w100 > label, html .form li.w100.l19 > label { width:17%;text-align:right;float:left; }
        
        /* l20 used by ASAP comments*/
        .form.l20 li.w50 > *, html .form li.w50.l20 > * { width:48%;}
        .form.l20 li.w50 > label { width:28%;text-align:right;float:left; }
        .form.l20 li.w50 > textarea { width:70%;text-align:left;float:left; padding: 0px;}
        .form.l20 li.w30 > label { width:35%;text-align:right;float:left; }
        .form.l20 li.w30 > div { width:60%;text-align:left;float:left; }
        .form.l20 li.w30 > div > input { width:60%;text-align:left;float:left; }
        .form.l20 li.w15 > button { width:98%;text-align:center;float:left; }
        .form.l20 li.w50.fr > input{ width:10%;text-align:left;}
        /* used by password */
        .form.l20 li.w5050 > *, html .form li.w5050.l20 > * { width:98%;}
        .listValid { width:98% !important;}
        .form.l20 li.w5050 > input{ width:56%;text-align:left;}
        .form.l20 li.w5050 > label { width:38%;text-align:left;float:left; margin-right:3px; }
        .E { color:Red; text-align:left; float: right; margin-right:10px;border-style: none;}
        
        
/* loading div for jqGrid */
div.loading {
	position: absolute;
	padding: 3px;
	text-align: right;	
	display: none;
}
div.loadingui {
   display:none;
   z-index:6000;
   position:absolute;
}


div.loadingui div.msgbox {
   position: relative;
   z-index:6001;
   left: 35%;
   top:45%;
   background: url(images/loading.gif)  no-repeat left;
   width: 100px;
   border: 2px solid #B2D2FF;
   text-align: right;
   height: auto;
   padding:2px;
   margin: 0px;
} 

/* end loading div */
/* jgGrid styles*/
table.scroll {
	border-right: 1px solid #FFFFFF;	
	margin-bottom:0;
	border: 9px none;	
	text-align:left;
	white-space:normal;
	line-height:normal;
	text-indent:0px;
	padding:0px 0px 0px 0px;
	width:100%;
}
table.scroll tbody tr {
	background-color: #eceae3; 
}

table.scroll tbody tr.alt{
	background-color: #e3dfd1; 
}
	
table.scroll tr.over td{
	background-color: #D2B48C;
}
	
	
table.scroll tr.selected td {
	background-color: #c9b9b1;
	color: Black;
}

table.scroll tbody tr td  {
	padding: 2px;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height : auto;
	font-size:8pt;
}

table.scroll thead tr th  {
	/*font-size: 90%;
	font-weight: normal;
	padding: 2px;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	background: url(images/grid-blue-hd.gif) transparent repeat-x;
	height : 18px;*/
	background-color:	#E2E3E4;
	color: #636466;
	font-size:8pt;
	text-align: left;
	text-indent: 4px;
	white-space:nowrap;
}
table.scroll thead tr th div img {
	width: 9px;
}
	
table.scroll th div {	
	height : 18px;
}
	table.scroll th span {
	cursor: e-resize;
	width: 5px;
	float: right;
	position: relative;
	display: block;
	height: 18px;
	white-space: nowrap;
}

table.scroll thead {
}

table.scroll ul 
{
  font-size: 1em;
}

table.scroll textarea.field 
{
  font-size: 8pt;
}
/* End Grid */
/*buttons for grid*/

table.scroll button.ui-state-default
{
  width:75px;
  background-color:	gray;
  color:#FFFFFF;  
}

.gridPadLeftTen
{
  padding-left: 15px;
}
/*end buttons*/

/****************************************************************
*
*		Custom Error Page Styles
*
*
*****************************************************************/

div#CustomErrorContent
{
/*	margin-left:50px;	*/
	margin-top: 50px;
}

div#CustomErrorTitle
{
	padding: 20px;
	font-size:20pt; color:#808284; margin-bottom:6px;
	text-align:center;
}

div#CustomErrorMessage
{
	padding-top: 40px;
	font-size:14pt; color:#808284; margin-bottom:6px;
	text-align:center;
	
}

div#CustomErrorPath
{
	padding-top: 20px;
	font-size:12pt; color:#808284; margin-bottom:6px;
	text-align:center;
}

.error-clear
{
  background-color:Transparent;
  height:0;
  visibility:hidden;
}

.error-fail
{
  background-color:Red;
  height:auto;  
  visibility:visible;
}

.error-fail li {list-style-type:none;height:auto;padding:5px;}
.error-success li {list-style-type:none;height:auto;padding:5px;}

.error-success
{
  background-color:Green;
  visibility:visible;
  height:auto;
}

    #shadowContainer {
      position: absolute;
      top: 10px;
      left: 10px;
    }
    
    .brShadow {
      background: url(images/br.png) no-repeat;
      width: 15px;
      height: 16px;
      position: absolute;
      right: 0px;
    }
    
    .bottomShadows {
      top: 30px;
      z-index:  9999999;
    }
    
    .rightShadows {
      right: -15px;
      z-index:  9999999;
    }
    
    .blShadow {
      background: url(images/bl.png) no-repeat;
      width: 15px;
      height: 15px;
      position: absolute;
      left: 0px;

    }
    
    .bShadow {
      background: url(images/b1px.png) repeat;
      height: 15px;
      width: 1px;
      position: absolute;    
      right:0px;
    }
    
    .trShadow {
      background: url(images/tr.png) no-repeat;
      width: 15px;
      height: 15px;
      position: absolute;
      top: 0px;
    }
    
    .rShadow {
      background: url(images/r1px.png) repeat;
      height: 1px;
      width: 15px;
      position: absolute;
      top:15px;
    }
    
    .topDiv {
      position:absolute;
      background-color:white;
      border: 0px solid #999;
      padding-top: 5px;
      padding-left: 5px;
    }
    
    .proxy {
     border: 1px dashed #000;
     z-index:9999;
    }
    /* Tooltip Styles */


.tooltip {  min-width:50px;max-width:650px;
            background-color:White; padding:8px; 
           font-size:10pt;   
           /* IE7 */
           filter: alpha(opacity=85); zoom:1;  position:absolute;
           /* IE8 */
           -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
           /* Everyone Else */
           opacity: .85;
         }

/* End of Tooltip Styles */

/* Add textbox frame */
input[type='text'],input[type='checkbox'],input[type='password'],textarea,input.ffb-input 
{
    border:1px solid #CCCECF;
    background-color:#FAFAFA;
    padding:2px;
	padding-top: 5px;
    
    
}
input.ffb-input 
{
    padding-right:20px;
}
input[readonly],input[disabled],textarea[readonly] 
{
    background-color:#F3F4F5;
}

body div.ui-loading-inline /* needs to be more specific than ui-loading */
{
	position:relative;margin:0px 0px 0px -125px;padding-bottom:20px;
}
#buttonpane button, #buttonpane input[type='submit'], #buttonpane input[type='button'] { float:right; } 

div.Deleteable
{
	background-image: url(images/delete.gif);
	background-repeat:no-repeat;
	background-position:center;
  width: 15px;
  height: 15px;
  margin-left:15px;
}

div.Recurring
{
	background-image: url(images/tick_black_2.png);
	background-repeat:no-repeat;
	background-position:center;
  width: 15px;
  height: 15px;
  margin-left:15px;
}
div.notRecurring
{
  width: 15px;
  height: 15px;
  margin-left:15px;
}

ul.historytool {width:250px;padding:5px;list-style-type:none;}
li.historytool  {width:240px;padding:2px;display: table;font-size:.8em;}
li.AIMhistorytool {width:13px;padding:5px;display: table;font-size:.8em;}
div.AIMhistorytool  {width:15px !important;height:15px;float:left;vertical-align: text-bottom;}
div.historytool {width:15px;height:15px;float:left;display:block;margin-right:10px;}
.breadcrumb  {font-size:.8em;}
.fitMcDropDownInRow{ height: 25px;}
.strikethru { text-decoration:line-through;}
.width60 {width:60px !important;}
.width100 {width:60px !important;}
.width130 {width:130px !important;}
.width180 {width:190px !important;}
.width200 {width:200px !important;}
.width250 {width:250px !important;}
.width300 {width:300px;}
.email {width:300px;}
.width300withIcon { width:300px;}
.width300withTwoIcons { width:300px;}
.width300DialogwithTwoIcons { width:300px;}
.width400 {width:400px !important; display:block;}
.width290 {width:290px !important; margin-right: 3px; margin-left: 3px}
.width370 {width:370px !important; display:block;}
.width480 {width:480px !important; display:block;}
.width590 {width:600px !important; display:block;}

.Categorywidth480 {width:500px !important; display:block;}
.width400Dialog {width:400px !important; display:block;}
.width400withTwoIcons { width:400px;}
.width600 {width:600px !important;}

.StandardSection .AreaToolSection .widthFull { width: 636px !important; }
.widthFull {width:651px !important;}
.widthFullWithIcon {width:651px !important;}
.widthFullWithTwoIcons {width:651px !important;}

.widthFullWithThreeIcons {width:651px !important;}
.widthFullNested {width:637px !important;}
.widthToolArea {width:270px !important;}
.widthToolAreaWithIcon {width:270px !important;}
.fixedHeight300 {max-height:250px;height:250px;}
.wrapleft{float:left;}
div.wrapleft{float:left;}
.bold {font-weight:bold;}

ul.MultiSelect {  float:left;padding-left:70px; max-height:100px;list-style:none;min-width: 215px;min-height: 10px;display: block;}
.MultiSelectAutoScroll{overflow:auto; overflow-x:hidden;-ms-overflow-x: hidden;}

ul.form .subGroup {width:428px; margin-left:4px;margin-top:0px;padding:2px 0px 2px 0px;}
ul.form .subGroup > li { width:424px;float:left;}
ul.form .subGroup > label { width:70px;float:left;}
ul.form .subGroup > input { width:345px;float:left; }
ul.form .subGroup > textarea { width:345px;float:left; }
.subGroup div.mcdropdown { width:345px !important; float:left; }
.subGroup div.mcdropdown input { width:320px !important; float:left; }
.LeftFullWidth .subGroup div.mcdropdown input { width:320px !important; float:left; }

ul.form .subGroup .twoCol {width:206px; margin-left:4px;margin-top:2px;}
ul.form .subGroup .twoCol > label { width:70px;float:left;}
ul.form .subGroup .twoCol > input { width:120px;float:left; }
ul.form .subGroup .twoCol > select { width:134px;float:left;height:75px;margin-left:70px; }
.subGroup .twoCol div.mcdropdown { width:120px !important;float:left; }
.subGroup .twoCol div.mcdropdown input { width:120px !important;float:left; }
.subGroup .twoCol div.flexboxcol { width:120px;float:left; }
.subGroup .twoCol input.ffb-input { width:110px !important;float:left; }

ul.form .width400,ul.form .width400withIcon {width:400px !important; margin-left:4px;margin-top:0px;padding:2px 0px 2px 0px;}

ul.form .width380,ul.form .width380withIcon {width:380px !important; margin-left:4px;margin-top:0px;padding:2px 0px 2px 0px;}
ul.form .width370,ul.form .width370withIcon {width:370px; margin-left:4px;margin-top:0px;padding:2px 0px 2px 0px;}
ul.form .width590,ul.form .width590withIcon {width:600px; margin-left:4px;margin-top:0px;padding:2px 0px 2px 0px;}
ul.form .width400 > input, ul.form .width400 > textarea{ width:240px;float:left; margin-right:5px;}
ul.form .width380 > input, ul.form .width380 > textarea{ width:240px !important;float:left; margin-right:5px;}
ul.form .width400withIcon > input, ul.form .width400withIcon > textarea{ width: 234px;
    float: left;
    margin-right: 0px;}
ul.form .width600 > input[type='checkbox'] {
	width: 16px !important;
	padding: 0;
}
	.width400 .checkBox {width:16px !important; margin-top:2px;padding: 0;}
.width380 .checkBox {width:16px !important; margin-top:2px;padding: 0;}
ul.form .width400 > label { width:140px;float:left;}
ul.form .width400 > label.width150 { width:150px;float:left;}
ul.form .width380 > label { width:140px;float:left;}
ul.form .width400withIcon > label { width: 140px;float: left; }
.width400 div.mcdropdown { width:205px;float:left; }
.width370 div.mcdropdown { width:205px;float:left; }
.width590 div.mcdropdown { width:205px;float:left; }
.width400 div.mcdropdown input { width:200px !important;float:left; }
li.width400 div { width:205px;float:left; }
.width400withIcon div { width:211px;float:left; }
li.width400withIcon input {padding: 3px;width:185px;float:left; }
li.width400withIcon div.twoicons input {width:167px;}
li.width400withIcon button { margin: 3px 1px; }
ul.form .width400Dialog {width:400px; margin-left:4px;margin-top:0px;padding:2px 0px 2px 0px;}
ul.form .width401Dialog {width:400px; margin-left:4px;margin-top:0px;padding:2px 0px 2px 0px;}
ul.form .width400Dialog > input, ul.form .width400Dialog > textarea{ width:319px;float:left; margin-right:5px;}
ul.form .width401Dialog > input, ul.form .width400Dialog > textarea{ width:317px;float:left; margin-right:5px;}

ul.form .width400Dialog > label { width:70px;float:left;padding-top: 5px;}
ul.form .width401Dialog > label { width:70px;float:left;padding-top: 5px;}
ul.form .width400 .checkBox {
	width: 16px !important;
	margin-top: 2px;
}
.width400Dialog div.mcdropdown { width:319px;float:left; }
.width400Dialog div.mcdropdown input { width:314px !important;float:left; }
li.width400Dialog div { width:319px;float:left; }
li.width401Dialog div { width:319px;float:left; }

li.width480 label { width: 170px;float: left;padding-top:4px;}
li.width480 input { width: 280px;float: left;}

ul.form .width20 {
	width: 311px !important;
	margin-left: 6px;
	margin-top: 0px;
	padding: 2px 0px 2px 0px;
}
ul.form .width300 {width:311px !important; margin-left:6px;margin-top:0px;padding:2px 0px 2px 0px;}


ul.form .email {width:311px !important; margin-left:75px;margin-top:0px;padding:2px 0px 2px 0px;}
ul.form .width301 {width:311px !important; margin-left:6px;margin-top:0px;padding:2px 0px 2px 0px;}
ul.form .width300withIcon {width:311px !important; margin-left:6px;margin-top:0px;padding:2px 0px 2px 0px;}
ul.form .width300withTwoIcons {width:311px !important; margin-left:6px;margin-top:0px;padding:2px 0px 2px 0px;}
ul.form .width400withTwoIcons {width:411px !important; margin-left:6px;margin-top:0px;padding:2px 0px 2px 0px;}
ul.form .width300DialogwithTwoIcons {width:311px !important; margin-left:4px;margin-top:0px;padding:2px 0px 2px 0px;}

ul.form .width300DialogwithTwoIcons > label {
    float: left;
    padding-top: 5px;
    width: 70px;
}
.width20 label {
	width: 70px;
	float: left;
	padding-top: 3px;
}
.width300 label { width:70px;float:left;padding-top:3px; }

.width290 label { width:70px;float:left;padding-top:3px; }
.width301 label { width:70px;float:left;padding-top:3px; }
.width300 div { width:230px;float:left; }
.width301 div { width:224px;float:left;padding-left: 6px; }
.width300withIcon label { width:70px;float:left;padding-top:3px; }
.width300withTwoIcons label { width:70px;float:left;padding-top:3px; }
.width400withTwoIcons label { width:68px;float:left;padding-top:3px; }
.width300DialogwithTwoIcons label { width:70px;float:left;padding-top:3px; }
.width301withIcon label { width:70px;float:left;padding-top:3px; }
.width301withTwoIcons label { width:70px;float:left;padding-top:3px; }
.width300withIcon div { width:230px;float:left; }
.width301withIcon div { width:226px;float:left; }
li.width300withIcon button { margin: 3px 1px;float: left; }
.width300withTwoIcons div { width:230px;float:left; }
.width400withTwoIcons div { width:230px;float:left; }
.width300DialogwithTwoIcons div { width:230px;float:left; }
li.width300withIcon input { width:210px;float:left; }
li.width300withTwoIcons input { width:192px;float:left; }
li.width400withTwoIcons input { width:292px;float:left; }
li.width300DialogwithTwoIcons input { width:192px;float:left; }
li.width300withTwoIcons button { margin: 3px 1px;float: left; }
li.width400withTwoIcons button { margin: 3px 1px;float: left; }
li.width300DialogwithTwoIcons button { margin: 3px 1px;float: left; }
li.width400DialogwithTwoIcons button { margin: 3px 1px;float:.width300 div.mcdropdown input left; }
li.width300 div { width:230px;float:left; }
li.width301 div { width:226px;float:left; }
ul.form .width20 > input, ul.form .width300 > textarea, ul.form .width20 > div.mcdropdown {
	width: 20px;
	float: left;
	margin-right: 5px;
}
ul.form .width300 > input, ul.form .width300 > textarea, ul.form .width300 > div.mcdropdown{ width:230px;float:left; margin-right:5px;}
ul.form .width301 > input, ul.form .width301 > textarea, ul.form .width301 > div.mcdropdown{ width:224px;float:left; margin-right:5px;}
.width300 ul.MultiSelect li {background-color:#CDCFD0;padding:0px;border-bottom:solid 1px black; width:215px;display:block;}
.width400 ul.MultiSelect li {background-color:#CDCFD0;padding:0px;border-bottom:solid 1px black; width:215px;display:block;}
.width300 ul.MultiSelect label {width:160px;padding-left:3px;padding-top:2px;margin-top:6px;float:left;}
.width400 ul.MultiSelect label {width:160px;padding-left:3px;padding-top:2px;margin-top:6px;float:left;}
.width300 div.mcdropdown { width:226px;float:left; }
.width300 div.mcdropdown input { width:222px !important;float:left; padding-right:2px;}
.width290 div.mcdropdown input { width:212px !important;float:left; padding-right:2px;}
.searchTool .checkBox {width:16px !important; margin-top:2px;}
.userSearchTool .checkBox {
	width: 16px !important;
	margin-top: 2px;
}
.width300 .checkBox {width:16px !important; margin-top:2px;}
.width301 ul.MultiSelect li {background-color:#CDCFD0;padding:0px;border-bottom:solid 1px black; width:215px;display:block;}
.width301 ul.MultiSelect label {width:160px;padding-left:3px;padding-top:2px;margin-top:6px;float:left;}
.width301 div.mcdropdown { width:226px;float:left; }
.width301 div.mcdropdown input { width:222px !important;float:left; padding-right:2px;}
.width301 .checkBox {width:20px !important; margin-top:5px;}

.width600 label {width:215px !important;float:left;padding-top:3px;}
.width600 input {width:215px;float:left;}
.width600 div.mcdropdown { width:235px;float:left; }
.width600 div.mcdropdown input { width:230px !important;float:left; }
li.width600 button { margin: 3px 1px;float: left; }
li.width600WithUnderline {width:600px !important;border-bottom:1px solid black !important;height:2px !important;}
li.AIMFullWidth {width:600px !important;height:2px !important;}
.widthHalf {width:290px !important;}
  li.width350 {width:392px !important;}
  li.width350Button {width:50px !important;}
  
    li.width375 {width:352px !important;}
    .width375 label { width:80px;float:left;padding-top:3px; }
.wideLabel label { width:170px !important;}
.wideLabel220 label { width:220px !important;}  
.wideLabel140 label { width:140px !important;}  
.wideLabel150 label { width:150px !important;}  
.wideLabel300 label { width:300px !important;}  
.width180 label { width:65px;float:left;padding-top:3px; }  
.width200 label { width:70px;float:left;padding-top:3px; }
.width250 label { width:70px;float:left;padding-top:3px; }
.width380 label { width:70px;float:left;padding-top:3px; }
.width375 label { width:70px;float:left;padding-top:3px; }

.width200 div { width:130px;float:left; }
li.width200 div { width:130px;float:left; }
li.width200Icon div { width:15px;float:right; }
ul.form .width200 > input, ul.form .width200 > textarea, ul.form .width200 > div.mcdropdown{ width:115px;float:left; margin-right:5px;}
ul.form .width250 > input, ul.form .width250 > textarea, ul.form .width250 > div.mcdropdown{ width:115px;float:left; margin-right:5px;}
ul.form .width180 > input, ul.form .width180 > textarea, ul.form .width180 > div.mcdropdown{ width:110px;float:left; margin-right:5px;}
.width200 ul.MultiSelect li {background-color:#CDCFD0;padding:0px;border-bottom:solid 1px black; width:115px;display:block;}
.width200 ul.MultiSelect label {width:60px;padding-left:3px;padding-top:2px;margin-top:6px;float:left;}
.width200 div.mcdropdown { width:115px;float:left;  }
.width200 div.mcdropdown input { width:110px !important;float:left; }
.width200 .checkBox {width:16px !important; margin-top:2px;padding: 0;}
ul.form .width200 .CheckRight {margin-top:2px;margin-left:0px;width:16px !important;padding-left:20px;margin-bottom:10px;}

.width230 ul.MultiSelect li {background-color:#CDCFD0;padding:0px;border-bottom:solid 1px black; width:145px;display:block;}
.width230 ul.MultiSelect label {width:60px;padding-left:3px;padding-top:2px;margin-top:6px;float:left;}

ul.form .width500 {width:511px !important; margin-left:0px;margin-top:0px;padding:2px 0px 2px 0px;}
.width500 label { width:70px;float:left;padding:2px 0px 2px 0px; }
.width500 div { width:428px;float:left;padding-left: 1px; }
li.width500 div { width:428px;float:left;padding-left: 1px; }
ul.form .width500 > input, ul.form .width500 > textarea, ul.form .width500 > div.mcdropdown{ width:428px;float:left; margin-right:5px;}
.width500 div.mcdropdown { width:428px;float:left;  }
.width500 div.mcdropdown input { width:423px !important;float:left; }

ul.form .width385 {
	width: 385px !important;
	margin-left: 0px;
	margin-top: 0px;
	padding: 2px 0px 2px 0px;
}

ul.form .width350 {width:351px !important; margin-left:0px;margin-top:0px;padding:2px 0px 2px 0px;}
.width350 label { width:70px;float:left;padding:2px 0px 2px 0px; }
.width385 label {
	width: 70px;
	float: left;
	padding: 2px 0px 2px 0px;
}
.width350 div { width:250px;float:left;padding-left: 1px; }
.width385 div {
	width: 250px;
	float: left;
	padding-left: 1px;
}
li.width350 div { width:250px;float:left;padding-left: 1px; }
li.width385 div {
	width: 250px;
	float: left;
	padding-left: 1px;
}
ul.form .width350 > input, ul.form .width350 > textarea, ul.form .width350 > div.mcdropdown{ width:250px;float:left; margin-right:5px;}
ul.form .width385 > input, ul.form .width385 > textarea, ul.form .width385 > div.mcdropdown {
	width: 250px;
	float: left;
	margin-right: 5px;
}
.width350 div.mcdropdown { width:250px;float:left;  }
.width385 div.mcdropdown {
	width: 250px;
	float: left;
}
.width350 div.mcdropdown input { width:250px !important;float:left; }
.width385 div.mcdropdown input {
	width: 250px !important;
	float: left;
}

ul.form .width350Button {width:378px !important; margin-left:0px;margin-top:0px;padding:2px 0px 2px 0px;}

.width350Button label { width:70px;float:left;padding:2px 0px 2px 0px; }
.width350Button div { width:15px;float:left;padding-left: 1px; }
li.width350Button div { width:15px;float:left;padding-left: 1px; }
ul.form .width350Button > input, ul.form .width350Button > textarea, ul.form .width350Button > div.mcdropdown{ width:250px;float:left; margin-right:5px;}
.width350Button div.mcdropdown { width:250px;float:left;  }
.width350Button div.mcdropdown input { width:250px !important;float:left; }

.Underline { text-decoration: underline;}
.withUnderline {border-top:0.5pt solid gray !important;}


widthFull ul.MultiSelect{ width:535px;}
.widthFull ul.MultiSelect li {background-color:#CDCFD0;padding:0px;border-bottom:solid 1px black; width:515px !important;display:block;}
.widthFull ul.MultiSelect label {width:360px;padding-left:3px;padding-top:2px;margin-top:6px;float:left;}
.widthFull .leftLabel { width:350px;float:left;padding-top:3px; }
.widthFull .leftLabelMini {
	width: 260px;
	float: left;
	padding-top: 3px;
}
  
.width300Multi { width:311px !important; padding:0px !important;}
.width301Multi { width:311px !important; padding:0px !important;}
.widthFullMulti { width:651px !important; padding:0px !important;}
.width300Multi ul.MultiSelect li {background-color:#CDCFD0;padding:0px;border-bottom:solid 1px black; width:215px;display:block;}
.width300Multi ul.MultiSelect label {width:160px;padding-left:3px;padding-top:2px;margin-top:6px;float:left;}
.width301Multi ul.MultiSelect li {background-color:#CDCFD0;padding:0px;border-bottom:solid 1px black; width:215px;display:block;}
.width301Multi ul.MultiSelect label {width:160px;padding-left:3px;padding-top:2px;margin-top:6px;float:left;}
li.width300Multi input { width:70px;float:left;} 
li.width300Multi label { width:170px;float:left;} 
li.width301Multi input { width:70px;float:left;} 
li.width301Multi label { width:170px;float:left;}
li.width380 {width:392px !important;}
li.width375 {width:380px !important;}
   li.width380 input, li.width380 textarea {width:315px !important;}
li.width375 input, li.width375 textarea {width:300px !important;}
ul.form .width480 > textarea{ width:485px;float:left; margin-right:5px;}
.width480 .checkBox {width:20px !important; margin-top:5px;padding: 0px;border: 0px;}

.widthFull ul.MultiSelect#DisplayThreatError li {width:345px !important;}
.widthFull ul.MultiSelect#DisplayThreatError label {width:310px;}
.HiddenToolbarButton {display:none !important;}
.widthFull .checkBox {width:16px; float:left;margin-top:2px;margin-right: 5px;}
.widthFull .fullLabel {width:450px;}
.widthFull label { width:70px;float:left;padding-top:3px; }
.widthFull div.ui-tabs { width:640px;float:left; }
.widthFull div.ui-tabs-panel { width:640px;float:left; }
.widthFull div { width:560px;float:left; }
.widthFull .NestedGrid div { width:600px;float:left; }
.widthFull .NestedGrid div div { width:auto; }
.widthFull input, .widthFull textarea { width:553px ;float:left; padding-right:2px; }
.widthFull div.mcdropdown{ width:553px !important; }
.widthFull div.mcdropdown input { width:548px !important;float:left; padding-right:2px;}
.widthFullPlus input, .widthFullPlus textarea { width:623px;float:left; padding-right:2px; }

ul.form .widthFullCheckbox { width: 651px;margin: 2px}
ul.form .widthFullCheckbox  > input { margin-left: 75px; float: left}
ul.form .widthFullCheckbox > label { width:80px;float:left;margin-left:5px;padding-top: 3px; }

.leftLabel > div { width:200px !important; }
.leftLabel div.mcdropdown { width:195px !important;  }
.leftLabel div.mcdropdown input { width:190px !important; }

.widthFullWithIcon label { width:70px;float:left;padding-top:3px; }
.widthFullWithIcon button { margin: 3px 1px;float: left;    }
li.widthFullWithIcon input { width:533px;float:left; }
.widthFullWithTwoIcons label { width:70px;float:left;padding-top:3px; }
.widthFullWithTwoIcons button {margin: 3px 1px;float: left;    }
li.widthFullWithTwoIcons input { width:513px;float:left; }
.widthFullWithThreeIcons label { width:70px;float:left;padding-top:3px; }
.widthFullWithThreeIcons button {margin: 3px 1px;float: left;    }
li.widthFullWithThreeIcons input { width:493px;float:left; }


.widthToolArea label { width:70px;float:left;padding-top:3px; }
.widthToolArea div { width:180px;float:left; }
.widthToolArea div.mcdropdown { width:180px;float:left; }
.widthToolArea div.mcdropdown input { width:175px !important;float:left; }
li.widthToolArea div { width:180px;float:left; }
ul.form .widthToolArea > input, ul.form .widthToolArea > textarea, ul.form .widthToolArea > div.mcdropdown{ width:180px;float:left; margin-right:5px;}

.widthToolAreaWithIcon label { width:70px;float:left;padding-top:3px; }
.widthToolAreaWithIcon > input { width:164px;float:left; margin-right:0px;}
.widthToolAreaWithIcon > input[readonly] { width:164px;float:left; margin-right:0px;border-style:solid !important;}

.defaultAction
{
  float:left; margin-right:5px;
}

.toolLabel{float:left; width:240px;}

.toolCheck{float:left; width:25px;}

.widthFull .NestedFullWidth {width:630px;}
.NestedFullWidth .AreaToolSection {width:635px !important;}
.NestedFullWidth div.ui-collapsible-content {width:629px !important;}

.widthFull .NestedTabFullWidth {width:601px;}
div.NestedTabFullWidth  {width:600px !important; float:left;}
input.NestedTabFullWidth  {width:28px !important;float:left;}
.buttonBar  {width:655px !important; float:right; padding:5px;}
.ui-dialog { overflow:hidden; }
.required { border:1px solid; }

/* Grid minimum pager cell width */
.ui-pager-control>table>tbody>tr>td  
{
	min-width:200px;
}

.NestedAttachmentGrid > div {width:630px;}
.NestedAttachmentGrid .ui-collapsible-content {width:624px;}

/* IMPORTANT - REQUIRED FOR UPLOAD HELPER */
input[type=file] { width: auto !important; }
.attachmentGrid div { width:auto;float:none; }

.ui-icon-RM { background-image:url(images/risk_small.jpg) !important ;  background-position: 0 0;  margin-left:12px;}
.ui-icon-ASA { background-image:url(images/asap_small.jpg) !important ;  background-position: 0 0; margin-left:12px; }
.ui-icon-ERP {  background-image:url(images/ereports_small.jpg) !important ; background-position: 0 0; margin-left:12px;}
.ui-icon-CMP {  background-image:url(images/compliance_small.jpg) !important ;  background-position: 0 0; margin-left:12px;}
.ui-icon-AUD {  background-image:url(images/audit_small.jpg) !important ;  background-position: 0 0; margin-left:12px;}
.ui-icon-ADM {  background-image:url(images/admin_small_selected.jpg) !important ;  background-position: 0 0; margin-left:12px;}
.ui-icon-FCA {  background-image:url(images/fca_small.jpg) !important ;  background-position: 0 0; margin-left:12px;}
.ui-icon-SAF {  background-image:url(images/Safety_small.jpg) !important ;  background-position: 0 0; margin-left:12px;}
.ui-icon-PTL {  background-image:url(images/selectAllAQD.png) !important ;  background-position: 0 0; margin-left:12px;}
.ui-icon-ANA {  background-image:url(images/analysis_small_selected.jpg) !important ;  background-position: 0 0; margin-left:12px;}

#Collapsing_SectionHistoryTool_buttonBar {background-color:#E2E3E4 !important;}

/*Module Filter */
.moduleIcon { margin:2px;width:16px !important ;height:16px !important; padding:0px !important;  }
.selectedModuleCode { }
.selectedModuleCode#ERPImg { background-image:url(images/ereports_small.jpg); }
.selectedModuleCode#ASAImg { background-image:url(images/asap_small.jpg); }
.selectedModuleCode#RMImg { background-image:url(images/risk_small.jpg); }
.selectedModuleCode#CMPImg { background-image:url(images/compliance_small.jpg); }
.selectedModuleCode#AUDImg { background-image:url(images/audit_small.jpg); }
.selectedModuleCode#ADMImg { background-image:url(images/admin_small_selected.jpg); }
.selectedModuleCode#FCAImg { background-image:url(images/fca_small.jpg); }
.selectedModuleCode#SAFImg { background-image:url(images/Safety_small.jpg); }
.selectedModuleCode#CFGImg { background-image:url(images/config_small_selected.jpg); }
.selectedModuleCode#ANAImg { background-image:url(images/analysis_small_selected.jpg); }
.unselectedModuleCode {  }
.unselectedModuleCode#ERPImg { background-image:url(images/ereports_smallunselected.jpg); }
.unselectedModuleCode#RMImg { background-image:url(images/risk_smallunselected.jpg); }
.unselectedModuleCode#ASAImg { background-image:url(images/asap_smallunselected.jpg); }
.unselectedModuleCode#CMPImg { background-image:url(images/compliance_smallunselected.jpg); }
.unselectedModuleCode#AUDImg { background-image:url(images/audit_smallunselected.jpg); }
.unselectedModuleCode#ADMImg { background-image:url(images/admin_small_unselected.jpg); }
.unselectedModuleCode#FCAImg { background-image:url(images/fca_smallunselected.jpg); }
.unselectedModuleCode#SAFImg { background-image:url(images/Safety_smallunselected.jpg); }
.unselectedModuleCode#CFGImg { background-image:url(images/config_smallunselected.jpg); }
.unselectedModuleCode#ANAImg { background-image:url(images/analysis_smallunselected.jpg); }
/* Language Filter*/
.languageIcon { margin:2px;width:31px !important ;height:16px !important; padding:0px !important;float: left; }
.selectedLanguage{}
.selectedLanguage#ENImg { background-image:url(images/lang/2_EN.png); }
.selectedLanguage#ESImg { background-image:url(images/lang/2_ES.png); }
.selectedLanguage#DEImg { background-image:url(images/lang/2_DE.png); }
.selectedLanguage#FRImg { background-image:url(images/lang/2_FR.png); }
.selectedLanguage#PTImg { background-image:url(images/lang/2_PT.png); }
.selectedLanguage#ZH-CNImg { background-image:url(images/lang/2_ZHcn.png); }
.selectedLanguage#ZH-TWImg { background-image:url(images/lang/2_ZHtw.png); }
.unselectedLanguage {  }
.unselectedLanguage#ENImg { background-image:url(images/lang/1_EN.png); }
.unselectedLanguage#ESImg { background-image:url(images/lang/1_ES.png); }
.unselectedLanguage#DEImg { background-image:url(images/lang/1_DE.png); }
.unselectedLanguage#FRImg { background-image:url(images/lang/1_FR.png); }
.unselectedLanguage#PTImg { background-image:url(images/lang/1_PT.png); }
.unselectedLanguage#ZH-CNImg { background-image:url(images/lang/1_ZHcn.png); }
.unselectedLanguage#ZH-TWImg { background-image:url(images/lang/1_ZHtw.png); }

ul.form .Summary {width:512px; }
ul.form .subGroup {width:432px; background-color:#F0C6A4; font-size:1em;float:left;}

ul.form .FullWidthLabel {width:510px; margin:0px;}
ul.form .FullWidthLabel > label { width:500px;float:left;margin-left:2px;margin-top:2px;}
ul.form .LeftFullWidth {width:510px; margin:0px;}
ul.form .LeftFullWidth > label { width:70px;float:left;margin-left:2px;margin-top:2px;}
ul.form .LeftFullWidth > TextArea { width:426px;float:left; }
ul.form .LeftFullWidth > input { width:426px;float:left; }
ul.form .LeftFullWidth .checkBox {width:15px !important; margin-top:5px;}
<!--[if IE]>
ul.form .LeftFullWidth > input.Check { margin:0;width:13px;height:13px;overflow:hidden }
<![endif]-->
<!--[if !IE]>
ul.form .LeftFullWidth > input.Check { margin-left:20px;width:13px;float:left;background-color:Transparent; }
<![endif]-->

ul.form .LeftFullWidth > div { width:428px;float:left; }
.LeftFullWidth div.mcdropdown { width:428px;float:left; }
.LeftFullWidth div.mcdropdown input { width:423px !important;float:left; padding-right:2px;}

ul.form .ThreeCol {width:170px; margin:0px;}
ul.form .ThreeCol .Check {margin-top:2px;margin-left:10px;width:16px !important;padding-left:20px;margin-bottom:10px;}
ul.form .ThreeCol .CheckRight {margin-top:2px;margin-left:0px;width:16px !important;padding-left:20px;margin-bottom:10px;}
ul.form .ThreeCol > label { width:70px;float:left;margin-left:2px;margin-top:2px;}
ul.form .ThreeCol > input { width:86px;float:left;}
ul.form .ThreeCol .RightSide { width:120px;float:left;margin-left:4px;}

ul.form .TwoCol {width:255px; margin:0px;}
ul.form .TwoCol > label { width:100px;float:left;margin-left:5px;margin-top:2px;}
ul.form .TwoCol > input { width:100px;float:left;margin-left:5px;}
ul.form .TwoCol > input.Check { margin-left:20px;width:13px;float:left;background-color:Transparent; }
ul.form .TwoCol .RightSide { width:120px;float:left;margin-left:4px;}
ul.form .TwoCol .RightSideDialog { width:160px;float:left;padding:0px 0px 4px 2px;margin-top:0px;}

ul.form .TwoColFullWidth {width:510px; margin:0px;}

ul.form .TwoColFullWidth > label { width:100px;float:left;margin-left:5px;margin-top:2px;}
ul.form .TwoColFullWidth > input { width:356px;float:left;margin-left:5px;}
ul.form .TwoColFullWidth > TextArea { width:356px;float:left; margin-left:5px;}
ul.form .FirstCol { clear:left; }
ul.form .LeftFullWidthWithIcon {width:510px; margin:0px;}
ul.form .LeftFullWidthWithIcon > label { width:70px;float:left;margin-left:2px;margin-top:2px;}
ul.form .LeftFullWidthWithIcon > input { width:408px;float:left; }
ul.form .LeftFullWidthWithIcon > ul.as-selections { width:408px;float:left; }
ul.form .TwoColFullWidthWithIcon {width:510px; margin:0px;}
ul.form .TwoColFullWidthWithIcon > label { width:100px;float:left;margin-left:5px;margin-top:2px;}
ul.form .TwoColFullWidthWithIcon > input { width:356px;float:left;margin-left:5px; }
ul.form .LeftFullWidthWithTwoIcons {width:510px; margin:0px;}
ul.form .LeftFullWidthWithTwoIcons > label { width:70px;float:left;margin-left:2px;margin-top:2px;}
ul.form .LeftFullWidthWithTwoIcons > input { width:378px;float:left;margin-top:2px; }

ul.form .ActionTwoCol {
	width: 274px;
	margin: 0px;
}

ul.form .ActionTwoCol > label {
	width: 66px;
	float: left;
	margin-left: 2px;
	margin-top: 2px;
}

ul.form .ActionTwoCol > input {
	width: 192px;
	float: left;
		
}

ul.form .ActionTwoCol div.mcdropdown {
	width: 192px;
	float: left;
	
}

ul.form .ActionTwoCol div.mcdropdown input {
	width: 186px;
	float: left;
	/*margin-left: 5px;*/
}

ul.form .ActionTwoCol > input.Check {
	margin-left: 20px;
	width: 13px;
	float: left;
	background-color: Transparent;
}

ul.form .ActionTwoCol .RightSide {
	width: 120px;
	float: left;
	margin-left: 4px;
}

ul.form .ActionTwoCol .RightSideDialog {
	width: 160px;
	float: left;
	padding: 0px 0px 4px 2px;
	margin-top: 0px;
}

ul.form .ActionOneCol {
	width: 560px;
	margin: 0px;
}

ul.form .ActionOneCol > TextArea {
	width: 466px;
	float: left;
	padding: 2px 0px 0px 2px;
	margin-top: 0px;
}

	ul.form .ActionOneCol > label {
		width: 66px;
		float: left;
		margin-left: 2px;
		margin-top: 2px;
	}

.searchTool ul.MultiSelect{ width:170px;padding-left:85px !important;}
.searchTool ul.MultiSelect li {background-color:#CDCFD0;padding:0px;border-bottom:solid 1px black; width:170px !important;display:block;}
.searchTool ul.MultiSelect label {width:120px;padding-left:3px;padding-top:2px;margin-top:6px;float:left;}

.userSearchTool ul.MultiSelect {
	width: 170px;
	padding-left: 85px !important;
}

	.userSearchTool ul.MultiSelect li {
		background-color: #CDCFD0;
		padding: 0px;
		border-bottom: solid 1px black;
		width: 170px !important;
		display: block;
	}

	.userSearchTool ul.MultiSelect label {
		width: 120px;
		padding-left: 3px;
		padding-top: 2px;
		margin-top: 6px;
		float: left;
	}

div:focus {outline: none; }
.loadingSpinnerContainer {
  height: 56px;
  width: 56px !important;
  padding :0 !important;
  border-color: transparent !important;
  border-width: 0;
  background-color: transparent !important;
  overflow: hidden !important;
}
.loadingSpinner
{
  background: url(images/loading.gif) no-repeat left;
  height: 54px;
  width: 54px;
  float: left;
  padding :0;
  border-color: transparent !important;
  border-width: 0;
  background-color: transparent !important;
  overflow: hidden;
}
  .noDialogTitle 
  {
    border-color: transparent !important;
    background-color: transparent !important;                
    }
    .noDialogTitle .ui-dialog-titlebar {display:none}
    .noDialogTitle .ui-resizable-handle { background-image: none !important;}
    .withToolTip{ }
    .floatMeRight{ float: right;}
    .wideButton {min-width:80px !important; width:auto!important;}
    
    ul.form.fullWidthForm { padding: 0px 6px; }
ul.form.fullWidthForm .ThreeCol { width: 220px;}
ul.form.fullWidthForm .ThreeCol > label { width: 90px;}
ul.form.fullWidthForm .ThreeCol > input { width: 116px;}

ul.form.fullWidthForm .TwoCol { width: 330px;}
ul.form.fullWidthForm .TwoCol > label { float:left;
margin-left:2px;
margin-top:2px; width: 90px;}
ul.form.fullWidthForm .TwoCol > input {margin-left: 0px; width: 224px;}
ul.form.fullWidthForm .FourCol {margin: 0px;padding: 3px 0px; width: 168px;}
ul.form.fullWidthForm .FourCol > label { float:left;
margin-left:2px;
margin-top:2px; width: 90px;}
ul.form.fullWidthForm .FourCol > input {margin-left: 0px;width: 61px;}

ul.form.fullWidthForm .LeftFullWidth { width: 660px; }
ul.form.fullWidthForm .LeftFullWidth > label { width: 90px;}
ul.form.fullWidthForm .LeftFullWidth > input { width: 554px; }


/* Occurrence */
ul.form.fullWidthForm .TwoCol.status { width: 310px;}
ul.form.fullWidthForm .TwoCol.status  >input { width: 90px; }

ul.form.fullWidthForm .TwoCol.investigationRequired { width: 350px;}
ul.form.fullWidthForm .TwoCol.investigationRequired  >label { width: 110px; }
ul.form.fullWidthForm .FourCol.riskLevel  >label { width: 30px; }
ul.form.fullWidthForm .FourCol.riskLevel  
{
	background:url("images/occurrencebg.gif") no-repeat scroll 0 0 transparent;
	float:right;
	height:32px;
	margin-top:10px;
	padding-left:55px;
	padding-right:11px;
	padding-top:6px;
	width:108px; 
}

#changeOccurrenceType ul, #changeOccurrenceType ul li { margin:0px;padding:0px;list-style-type:none; }
#changeOccurrenceType ul li { clear:left; }
#changeOccurrenceType ul li>div { width:200px;float:left; padding:2px 6px; }
#changeOccurrenceType ul li>div input { width: 180px !important; }
#changeOccurrenceType div.mcdropdown { width: 100%; }
#changeOccurrenceType ul li>a { display:block;float:left; padding:2px 6px; }
#changeOccurrenceType div.header { float: left;font-weight: bold;padding: 4px 6px;}
#changeOccurrenceType div.header.type { width: 200px;}
#changeOccurrenceType div label { font-size: 12px;padding: 4px 6px;display: block;}



ul.form .searchTool {width:262px; margin:2px;}
ul.form .searchTool > label { width:80px;float:left;margin-left:5px;}
ul.form .searchTool > input { width:171px;float:left;border: solid 1px #808185;height:18px;padding :1px;}
ul.form .searchTool > button {float:left;margin: 0px 5px 0px 2px;}
ul.form .searchTool > div {float:left;}
ul.form .searchToolSearch {width:260px; margin:2px;}
ul.form .searchToolSearch > label { width:80px;float:left;margin-left:5px;padding-top: 3px; }
ul.form .searchToolSearch > input { width:155px;float:left;border: solid 1px #808185;height:16px;padding :2px 0px 0px 2px;}
ul.form .searchToolSearch > button {float:left;margin:0px; padding:2px;height:19px;}

ul.form .userSearchTool {
	width: 342px;
	margin: 2px;
}

	ul.form .userSearchTool > label {
		width: 80px;
		float: left;
		margin-left: 5px;
	}

	ul.form .userSearchTool > input {
		width: 241px;
		float: left;
		border: solid 1px #808185;
		height: 18px;
		padding: 1px;
	}

	ul.form .userSearchTool > button {
		float: right;
		margin: 0px 5px 0px 2px;
	}

	ul.form .userSearchTool > div {
		float: left;
	}

ul.form .userSearchToolSearch {
	width: 340px;
	margin: 2px;
}

	ul.form .userSearchToolSearch > label {
		width: 80px;
		float: left;
		margin-left: 5px;
		padding-top: 3px;
	}

	ul.form .userSearchToolSearch > input {
		width: 155px;
		float: left;
		border: solid 1px #808185;
		height: 16px;
		padding: 2px 0px 0px 2px;
	}

	ul.form .userSearchToolSearch > button {
		float: right;
		margin: 0px;
		padding: 2px;
		height: 19px;
	}

ul.form .searchToolwithIcon {width:260px; margin:2px;}
ul.form .searchToolwithIcon > label { width:80px;float:left;margin-left:5px;}
ul.form .searchToolwithIcon > input { width:148px;float:left;border: solid 1px #808185;height:18px;padding :1px;}
ul.form .searchToolwithIcon > button {float:left;margin: 3px 3px 2px 2px;}
ul.form .searchToolwithIcon > div {float:left;}
ul.form .searchToolwithTwoIcons  { width:260px; margin:2px;}
ul.form .searchToolwithTwoIcons > label { width:80px;float:left;margin-left:5px;}
ul.form .searchToolwithTwoIcons > input { width:128px;float:left;border: solid 1px #808185;height:18px;padding :1px;}
ul.form .searchToolwithTwoIcons > button {float:left;margin: 3px 3px 2px 2px;}
ul.form .searchToolwithTwoIcons > div {float:left;}

ul.form .userSearchToolwithIcon {
	width: 340px;
	margin: 2px;
}

	ul.form .userSearchToolwithIcon > label {
		width: 80px;
		float: left;
		margin-left: 5px;
	}

	ul.form .userSearchToolwithIcon > input {
		width: 148px;
		float: left;
		border: solid 1px #808185;
		height: 18px;
		padding: 1px;
	}

	ul.form .userSearchToolwithIcon > button {
		float: left;
		margin: 3px 3px 2px 2px;
	}

	ul.form .userSearchToolwithIcon > div {
		float: left;
	}

ul.form .userSearchToolwithTwoIcons {
	width: 340px;
	margin: 2px;
}

	ul.form .userSearchToolwithTwoIcons > label {
		width: 80px;
		float: left;
		margin-left: 5px;
	}

	ul.form .userSearchToolwithTwoIcons > input {
		width: 208px;
		float: left;
		border: solid 1px #808185;
		height: 18px;
		
	}

	ul.form .userSearchToolwithTwoIcons > button {
		float: left;
		margin: 0px 3px 2px 0px;
	}

	ul.form .userSearchToolwithTwoIcons > div {
		float: left;
	}

ul.form .searchToolCheckbox { width: 260px;margin: 2px}
ul.form .searchToolCheckbox > input {margin-left: 85px}
ul.form .searchToolCheckbox > label { width:80px;float:left;margin-left:5px;padding-top: 3px; }

ul.form .userSearchToolCheckbox {
	width: 340px;
	margin: 2px
}

	ul.form .userSearchToolCheckbox > input {
		margin-left: 85px
	}

	ul.form .userSearchToolCheckbox > label {
		width: 180px;
		float: left;
		margin-left: 5px;
		padding-top: 3px;
	}

ul.form .gridSearchToolCheckbox {
	width: 240px;
	margin: 2px
}

ul.form .gridSearchToolCheckbox > input {
	margin-left: 0px
}

ul.form .gridSearchToolCheckbox > label {
	width: 180px;
	float: left;
	margin-left: 5px;
	padding-top: 3px;
}

ul.form .lightButton {width:56px; background-color:#CDCFD0;font-weight:bold;color:#808185;}
ul.form .darkButton {background-color:#808185;font-weight:bold;color:#FFFFFF;}
ul.form .searchDatesLeft {width:154px;}
ul.form .searchDatesLeft > label { width:48px;float:left;text-align: right;padding-right: 2px;}
ul.form .searchDatesLeft > input { width:63px;float:left; border: solid 1px #808185;height:18px;padding :1px;}
ul.form .searchDates {width:106px;}
ul.form .searchDates > label { width:31px;float:left;text-align: right;margin-right: 2px;}
ul.form .searchDates > input { width:63px;float:left;border: solid 1px #808185;height:18px;padding :1px;}

.searchTool div.mcdropdown {width:170px;border: solid 1px #808185;float:left; }
.searchTool div.mcdropdown input {width:234px ; padding :1px;float:left;}

.emailForm .width300 div { width:170px}
.emailForm .width300 div.mcdropdown { width:170px}
.emailForm .width300 div.mcdropdown input { width:165px !important;}
.emailForm .width300withIcon button { margin:3px 1px; }
.emailForm .width300withIcon div { width:176px; }
.emailForm .width300withIcon input { width:133px; }
.emailForm .width300 label,.emailForm .width300withIcon label { width:120px}
.emailForm .width300 ul.MultiSelect li { width: 175px; }
.emailForm .width300 ul.MultiSelect { width: 165px; padding-left:99px; }
.widthFullDialogMulti ul.MultiSelect li {
    background-color: #CDCFD0;
    border-bottom: 1px solid black;
    display: block;
    padding: 0;
    width: 410px;
}

#selectedOccurrenceTypeList li {
	border-bottom: 0px none;
    display: inline-block;
    padding: 0;
    width: 200px;
	float: left;
}
#selectedOccurrenceTypeList {
	width: 205px;
}
#selectedOccurrenceTypeList li label
{

display: inline-block;
    float: none;
    margin-left: 1px;
    margin-top: 1px;
    padding-left: 3px;
    padding-top: 3px;
    width: auto;
    }
#selectedOccurrenceTypeList li button {
	margin: 2px 4px;
	
}

 div.CheckedOutIcon
{
	background-image: url(images/checkedout.png);
	background-repeat:no-repeat;
	background-position:center;
  width: 15px;
  height: 15px;
  margin-left:0px;
      float: left;
}
div.CheckedOutLargeIcon
{
	background-image: url(images/checkedouticon_large.png);
	background-repeat:no-repeat;
	background-position:center;
  width: 21px;
  height: 21px;
  margin-left:0px;
      float: left;
}
div.NotCheckedOutIcon
{
  width: 15px;
  height: 15px;
  margin-left:0px;
}
span.CheckedOut {
  font-size: 16px;
  font-weight: bold;
  padding-left: 10px;
  float: left;
}
div.CheckedOutPanel {
  float:left;width:657px;padding: 10px;
}
div.warnnone { width:15px; height:15px;}
ul.form .LeftFullWidth.wideLabel130 label {
	width: 130px;
}
ul.form .LeftFullWidth.wideLabel130 > div, .LeftFullWidth.wideLabel130 div.mcdropdown 
{
	float: left;

    width: 368px;
}
ul.form .LeftFullWidth.wideLabel130 > input {
	width: 366px;
}
.LeftFullWidth.wideLabel130 div.mcdropdown input {
    width: 360px !important;
}
.wideLabel130 ul.MultiSelect {
	padding-left: 130px;
}
.ui-icon-risk-rgb { width: 16px; height: 16px; background-image: url(images/risk_search_rgb.png) !important; background-color:transparent;}
.ui-icon-risk-bw { width: 16px; height: 16px; background-image: url(images/risk_search_bw.png) !important;background-color:transparent;}

form div.field-validation-error, form div.mcdropdown.field-validation-error, form input.field-validation-error, form textarea.field-validation-error { border: 1px solid red !important;}

#importEreportForm {
	margin-bottom: 20px;
	overflow: auto;
}
#importEreportForm li {margin-top: 0px;padding: 2px 0px; margin-left: 0px;}
#importEreportForm li label  {margin-left: 2px;margin-top: 2px; float: left;}
#importEreportForm li.occurrenceDate { width: 260px; }
#importEreportForm li.ereportId { width: 239px; }
#importEreportForm li.occurrenceDate label { width: 70px ; }
#importEreportForm li.occurrenceDate input { width: 170px ;float: left; }
#importEreportForm li.ereportId label { width: 70px ; }
#importEreportForm li.ereportId input { width: 151px ;float: left; }

#mainContent .mcdropdown.lookup { float: none; }
#Collapsing_SectioncausesPanel_buttonBar { clear: both;}

input.capchaResult {
  width:50px;height:25px;margin-left:15px;float:left;
}
img.capchaResult {
  float:left;margin-left:45px;
}
label.capchaResult {
  float:left;width:350px;
}
div .FilledSection{
  float:left;
  border-style:solid;
  border-width:1px;
  margin: 5px;
  padding: 2px;
  overflow: auto; 
  overflow-x: hidden;
  max-height:465px;
  position:relative;
}

div .UserFilledSection{
  float:left;
  border-style:solid;
  border-width:1px;
  margin: 5px;
  padding: 2px;
  overflow: auto; 
  overflow-x: hidden;
  max-height:465px;
  position:relative;
   border-color:#808080;
  background-color:#C0C0C0 ;
}

button.ui-body-action, input[type='submit'].ui-body-action, input[type='button'].ui-body-action {
    background-color:#808080;
    color:#FFFFFF;
    width:80px;
}

body .ui-dialog-buttonpane .qformCustomField
{
  background: transparent;
  margin:8px 0 4px 8px;
  line-height:20px;
  float:left;
  padding: 2px 8px;
}

.ui-dialog-buttonpane .qformCustomField label
{
  padding-left: 4px;
  font-weight:bold;
}

.ui-dialog.message-dialog { z-index: 1000000 !important; }  /* Override z-index top place on top of other dialogs */

.rowhighlighted { background-color: #DEB5BC !important;   }

.spreadsheet table { border: 1px solid #aaaaaa;border-collapse: collapse; }

.spreadsheet table td { border: 1px solid #aaaaaa; height: 24px;padding: 0px; }
.spreadsheet table th { height: 22px;padding: 2px 4px; }
.spreadsheet table td>input {text-align: right; border:0px none;height: 100%;box-sizing: border-box;-moz-box-sizing: border-box;width: 100%; }
  .spreadsheet table .rowHeader
  {
    padding-left: 3px;
    background: #F3F4F5;
  }

  .mcdropdown_menu.nowrap li { white-space: nowrap; }

.comboDelete {
     background-color: transparent;
    border: 3px solid transparent;
    position: absolute;
    right: 23px;
    top: 1px;

}

.descriptorTree {
  
   position: relative;
}
.descriptorbuttonpanel {
  padding: 3px; margin: 0px; text-align: left;margin-top: -6px;width: 329px;
}

.passwordExpire {
  background-color: greenyellow;
  border: 3px solid yellowgreen;
  float: left;
  width: 632px;
  padding: 6px;
}


.spreadsheet.leftAlign table td > input { text-align: left;padding: 3px;}
li.checkbox input[type=checkbox] { width: auto !important; }







.queryrow ul.as-selections { border-style: none; }
    .queryrow em { font-style: normal;padding: 0px;font-weight: bold;background: transparent; }
    .nestedRow { border-left: 1px solid black;display: block;height: 23px;margin-left: 2px;cursor: pointer;width: 5px; }
    .nestedRow.start {
        border-top: 1px solid black;
        margin-top: 4px;
        height: 16px;
}
    .controlContainer div.mcdropdown input  { width: 230px !important; }
    .nestedRow.end {
        border-bottom: 1px solid black;
        margin-bottom: 5px;
        height: 16px;
    }
    .queryrow .inOp .mcdropdown input { display: none; }
    .queryrow>td>div { height: 18px !important; }
    .queryrow > td.nestCol { padding: 0px 2px; }
    .queryrow .controlContainer input {-moz-box-sizing: border-box;box-sizing: border-box;border: 0px none;  height: 18px; }
    .queryrow .mcdropdown { border: 0px none;padding: 0px;height: 18px; }
    .queryrow .mcdropdown>input { padding:1px;height: 16px; }
    .queryrow .mcdropdown>a { top: 0px;margin-top: -1px; }
    .FilledSection.dockBottom { float: none;border-width: 0px;border-top-width: 1px;margin: 0px;}
    
    .nestCol { border-right: 0px; }
    .chkCol { border-left: 0px; }


    .queryform { border:1px solid #aaa; }
    .queryrow > td {

        border: 1px solid #CCCECF;

        background: #ffffff;
        height: 18px;
        padding: 2px;
    }
    .queryrow > td:first-child { border-left:inherit; }
    .queryrow > td:last-child { border-right:inherit; }
    .queryrow > td input {
        display: block;
        width: 100%;
    }
    .queryrow > td>input {
        background: transparent;
    border: 0 none;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}



    ul.tree.tree-default { padding:0px; }
.qformBody div.mcdropdown { background:transparent; }
.qformBody div.mcdropdown, .qformBody div.mcdropdown input, .qformBody div.mcdropdown div { background:transparent; }
.mcdropdwown_menu li { white-space:nowrap; }

.ui-jqgrid-btable .sgcollapsed>a { display:none!important; }
.xmlLine  { font-family: monospace; }
.xmlLine.error { font-weight: bold;color: red; }
.xmlLine.error.highlight { background: #800000;color: white; }
.codePreview {  max-height: 600px; overflow: auto;  background: white;font-size: 12px;padding: 4px;font-family: monospace; }
.mcdropdown.lookup>span[role="status"] { width:0px;overflow:hidden; }


.clear:before,
.clear:after {
    content: "";
    display: table;
} 
.clear:after {
    clear: both;
}
.clear {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.fiveRowTextArea > textarea { height: 75px; }

.FilledSection.dockBottom { float: none;border-width: 0px;border-top-width: 1px;margin: 0px;clear: both;margin-top: 4px;}
.checkBoxLeft {width:16px !important; margin-top:2px;margin-left: 70px; margin-right: 5px; padding: 0;float: left;}
.widerLabel label { width:100px !important;}
.widthThreeQuarter {width:480px !important;float: left;}
.widthThreeQuarter input, .widthThreeQuarter textarea { width:400px;float:left; padding-right:2px; }
.widthThreeQuarter label {width:70px !important;float:left;padding-top:3px;}
.widthOneQuarter {width:160px !important;float: left;}
.widthOneQuarter input, .widthOneQuarter textarea { width:70px;float:left; padding-right:2px; }
.widthOneQuarter label {width:60px !important;float:left;padding-top:3px;}

.ui-icon-add-to-deidentified { background-position: -160px -224px;  }
.ui-icon-remove-from-deidentified { background-position: -176px -224px; }
.ui-icon-manually-deidentify { background-position: -192px -224px; }



.ui-icon-automatically-deidentify { background-position: -208px -224px; }
ul.form li.form-checkbox input[type=checkbox] { margin-left: 70px; }

/* Flatpickr styles */
body .flatpickr-month { padding: 10px;background-color: #808080;color: white;fill: white; }
body .flatpickr-calendar { border: 2px solid #808080; }
body .flatpickr-calendar .ui-spinner-button { width: auto;background: #EEE;}
.flatpickr-calendar .flatpickr-month input { height: auto; }
body .arrowTop.flatpickr-calendar::before,body .arrowTop.flatpickr-calendar::after {
    border-bottom-color: #808080;
    
}
body .flatpickr-calendar .ui-icon {background-image: url(images/ui-icons_7f7f7f_256x240.png); }
.flatpickr-calendar .flatpickr-day { border-radius: 0px; }
.flatpickr-time .ui-spinner {
    width: 33%;
}
.flatpickr-time .ui-spinner .ui-spinner-button { display: none;}
.flatpickr-time:hover .ui-spinner .ui-spinner-button { display: block;}
.flatpickr-time .ui-spinner {
    background: transparent;
    border: 0px none;
}
.flatpickr-time .ui-spinner input {
    width: 100%;
    font-size: inherit;
}
.flatpickr-time .ui-spinner-button { width: auto;}
ul.form .searchTool .searchtool-checkbox { width: auto;height: auto;display: inline-block;margin-left: 64px;border: 0px none;background: transparent; }
ul.form .searchTool .searchtool-checkbox-label { width: 171px; }


/* Updated form CSS - mz 2017 */
.address-book-list__input {
  width: 240px;
}
.form-button {
  height: 18px;
}
.form-button--address {
  height: 23px;
  line-height: 21px;
  margin: 0px 4px 0px 0px;
  margin: 1px 4px 1px 0px;
}
.form-field .as-selections {
  border: 1px solid #aaa;
}
.form-field { display: flex;margin: 8px 0px; }
.field__label {
 
}
.form-field .as-selections {
  flex: 1;
}
.field__input {
  flex: 1;
}
.field__input {
  line-height: 26px;
  height: 18px;
}
.field--right {
  float: right;
}
.field__label {
  line-height: 26px;
  font-size: 12px;
  vertical-align: top;
}
.field__label--inline {
  display: inline-block;
  padding-right: 12px;
}

.field__wrapper {
  line-height: 24px;
  display: inline-block;
}

.field__wrapper--inline {
  display: inline-block;
}


body form .c-checkbox-container {
  width: 100%;
}

.c-checkbox {
  width: 100px;
  display: inline-block;
}
.c-checkbox--indent { margin-left: 80px;}
.c-checkbox__checkbox {
  vertical-align: middle;
  display: inline;
  width: auto;
  float: none;
}

.c-checkbox .c-checkbox__text {
  font-size: 1;
}

.c-textbox {
  -ms-display: flex;
  display: flex;
}

.c-textbox__input {
  -ms-flexbox: 1 1 500px;
  flex: 1 1 500px;
    min-height: 24px;
    box-sizing: border-box;
}

.c-textbox__button {
  margin: 3px 1px;
  -ms-flexbox: 0 0 auto;
  flex: 0 0 auto;
}


.c-form {
	width: 100%;
	font-family: sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	border: 0;
	clear: both;
}
.c-form--columns {
	display: flex;
	flex-wrap: wrap;
}
.c-form--inline {
	display: flex;
}

.c-form-row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.c-form-field {
  width: 48%;
  max-width: 48%;
  min-height: 24px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 1%;
  padding: 3px 0;
  border: 0;
  align-items: center;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -o-flex: 1 1 auto;
  flex: 1 1 auto;
}
.c-form-field--full-width {
  width: 98%;
  max-width: 98%;
}
.c-form-field--quarter {
  width: 23%;
  max-width: 23%;
  flex-basis: 23%;
}
.c-form-field--half {
  width: 48%;
  max-width: 48%;
  flex-basis: 48%;
}
.c-form-field--mcdropdown.c-form-field--last {
    margin-right: 4px;
}
.c-form-row--with-margin {
  margin: 0px 1%;
}
.c-form-field--mcdropdown > input, .c-form-field--mcdropdown > div {
    -ms-flex: 1 1 500px;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -o-flex: 1 1 auto;
    flex: 1 1 auto;
    display: block;

}
.c-form-field--mcdropdown .mcdropdown input {
    width: 98% !important;
}
.c-address-book-button {
  width: 70px;
  box-sizing: border-box;
  flex: 0 0 auto;
  display: block;
  margin-right: 10px;
  line-height: 1.5em;
  align-self: center;
  padding: 0px 10px;
  text-align: center;
}
.c-form-field__label {
  width: 70px;
  flex: 0 0 auto;
  display: block;
  margin-right: 10px;
  line-height: 1.5em;
  align-self: center;
}
.c-form-field__label--align-top {
  align-self: flex-start;
  padding-top: 0.5em;
}
  .c-form-field__input, .c-form-field .mcdropdown {
    width: 75%; 
 flex: 1 1;
  min-height: 18px;
    line-height: 1.5em;
 flex-basis: 100%;
 }
  .c-form-field .mcdropdown input { box-sizing: border-box;}
.c-form-row {
  display: flex;
  justify-content: space-between;
}

.c-form-field--first {
    margin-left: 0px;
}
.c-form-field--last {
    margin-right: 0px;
}
.align-start--items {
	align-items: flex-start;
}
.align-start--self {
	align-self: flex-start;
}
.align-right {
    justify-content: flex-end;
}
.c-checkbox-section.c-checkbox-section--label-align {
	padding-left: 80px;
}

.c-checkbox-section.c-checkbox-section--label-align-right {
	padding-left: 10px;
} 
.c-checklist {
	display: block;
	padding-left: 80px;
	margin: 0 1%;
	padding: 3px 0 3px 100px;
}

.c-checkbox {
  line-height: 24px;
}

.c-checkbox--block {
  display: block;
  float: none;
  width: auto;
}
.c-form-field__label--restricted { width: auto;text-align: right;}
/*--------------------------------------
  Email screen collapsible sections
----------------------------------------*/
#Section_ContentsEmailOptions .NestedSection {
    margin: 5px;
}




#Section_ContentsEmailOptions .NestedSection .ui-collapsible-header {
  width: auto;
  line-height: 23px;
}

#Section_ContentsEmailOptions .NestedSection .ui-collapsible-content {
  float: none;
  width: auto;
  padding: 0.25rem 0px 0px 0px;
}

#Section_ContentsEmailOptions .ui-jqgrid-htable,
#Section_ContentsEmailOptions .ui-jqgrid-btable,
#Section_ContentsEmailOptions .ui-jqgrid-pager,
#Section_ContentsEmailOptions .ui-jqgrid-view,
#Section_ContentsEmailOptions .ui-jqgrid-bdiv,
#Section_ContentsEmailOptions .ui-jqgrid-hdiv,
#Section_ContentsEmailOptions .ui-jqgrid-hbox,
#Section_ContentsEmailOptions .ui-jqgrid {
  max-width: 100% !important;
  box-sizing: border-box;
}

#Section_ContentsEmailOptions .NestedSection:last-child {
  border: 0px none;
}

/*-------------------------------------- 
 jqGrid 100% max width auto fit 
 -------------------------------------- */


.grid--autofit .ui-jqgrid {
  max-width: 100% !important;
  box-sizing: border-box;
}

  .grid--autofit .ui-jqgrid .ui-jqgrid-toppager .ui-pager-control, .grid--autofit .ui-jqgrid .ui-jqgrid-pager .ui-pager-control {
    height: auto;
  }

  .grid--autofit .ui-jqgrid .ui-pager-control td[id$="_toppager_center"], .grid--autofit .ui-jqgrid .ui-pager-control td[id$="pager_center"] {
    width: auto !important;
    white-space: normal !important;
    height: auto;
  }

  .grid--autofit .ui-jqgrid .ui-pager-control td[id$="_toppager_left"], .grid--autofit .ui-jqgrid .ui-pager-control td[id$="pager_left"] {
    width: auto !important;
    white-space: normal !important;
    height: auto;
  }

  .grid--autofit .ui-jqgrid .ui-pager-control td[id$="_toppager_right"], .grid--autofit .ui-jqgrid .ui-pager-control td[id$="pager_right"] {
    width: auto !important;
    white-space: normal !important;
    height: auto;
  }

  .grid--autofit .ui-jqgrid .ui-jqgrid-bdiv, .grid--autofit .ui-jqgrid .ui-jqgrid-view.table-responsive, .grid--autofit .ui-jqgrid, .ui-jqgrid-pager,
  .grid--autofit .ui-jqgrid-toppager, .grid--autofit .ui-jqgrid-hdiv {
    width: auto !important;
  }

    .grid--autofit .ui-jqgrid .ui-pager-control td[id$="_toppager_left"], .grid--autofit .ui-jqgrid .ui-pager-control td[id$="pager_left"],
    .grid--autofit .ui-jqgrid .ui-pager-control td[id$="_toppager_center"], .grid--autofit .ui-jqgrid .ui-pager-control td[id$="pager_center"] {
      overflow-x: auto;
      overflow-y: hidden;
    }

.c-tooltip.fa {
    font-size: 16px;
    line-height: 1.5em;
    vertical-align: top;
    margin-left: 3px;
}

.grid--autofit .NestedSection .ui-collapsible-content {
    clear: both;
    overflow: hidden;
    float: none;
    width: auto;
}


/* -------------------
    CAPTCHA
 --------------------- */
.c-captcha { max-width: 230px;text-align: right;  }

.c-captcha__label {
    display: block;
    padding: 6px 0px;
    border-top: 1px solid #888;
    margin-top: 6px;
    line-height: 1.6em;
}
.c-captcha__input {
    display: inline-block;
    width: 50px;
    height: 24px;
}
.c-captcha__image {
    display: inline-block;
    vertical-align: top;
}



.restricted-label {
    margin: 0px 10px;
    float: right;
    color: #ff0000;
}

.alertTag .isRoleTag, .alertTag .isTag {
    word-wrap: break-word;
}
.c-form-field__label--wide {
  width: 100px;
}
.c-form-field__label--block {
	width: auto;
}
	.w-40 {
  width: 40%;
}
.w-100 {
  width: 100%;
}
.c-checkbox-section {
  padding-left: 1.5em;
}
.c-form-field--stacked {
  flex-direction: column;
  align-items: flex-start;
}
.log-entry-html {
  border: 1px solid #CCCECF;
  padding: 2px;
  background: white;
  min-height: 50px;
  max-height: 200px;
  overflow: auto;
}

#MasterContent button.ui-state-default.isTagNotSelected {
  background-color: ghostwhite;
  color: silver;
  border-color: ghostwhite;
  padding-left: 5px!important;
}

.isRoleTag ,.isTag { text-align: left;}
#MasterContent button.ui-state-default.isTagSelected {
  background-color: silver;
  color: ghostwhite;
  border-color: ghostwhite;
  padding-left: 5px!important;
}

.ui-jqgrid tr.jqgrow td { white-space: nowrap; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  body ul.as-selections {
    border-top-width: 1px;
  }
}
button.ui-address-button.ui-body-action { margin: 0px;margin-right: 5px; }
.emailForm .c-form-field__label { margin-right: 15px; }
.emailForm .c-form-field .mcdropdown { width: 100%; }

.ui-jqgrid-view tr.ui-widget-content { outline: none!important; }
.widthFullDialogMulti { list-style: none; }

.time-component { flex: 1 1 10px; }
.time-component {
	min-width: 5px;
	outline: 0;
	justify-self: center;
	padding: 0px; /* height:100%; */
	border: 0px none;
	text-align: center; /* line-height:100%; */
	align-self: center;
}
	.time-component.ampm {
		flex-shrink: 0;
		flex-basis: 40px;
		padding: 0px;
		border: 0px none;
	}
		.time-component.ampm:focus {
			text-decoration: underline;
		}
.time-container span {
	padding: 0px 4px;
	align-self: center;
	justify-self: center;
}

.time-component.hour {
	text-align: right;
}

.time-component.min {
	text-align: left;
}
input[type=number].time-component::-webkit-inner-spin-button,
input[type=number].time-component::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.widthFullDialogMulti { list-style: none; }

.mv-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.mt-20 {
	margin-top: 20px;
}
.ml-80 {
	margin-left: 70px;
}
.ml-78 {
	margin-left: 78px;
}
.ml-70 {
	margin-left: 70px !important;
}
.jqx-dropdownbutton-popup {
    z-index: 2000 !important;
}

span.ui-icon.fa {
	background: none !important;
	text-indent: 0px;
	/* padding-top: 0px; */
	position: relative;
	display: flex!important;
	align-items: center;
	JUSTIFY-CONTENT: center;
}
.ui-state-hover span.ui-icon.fa { 
	color:white;
} 
span.ui-icon.fa:before {
	margin-top: 3px;
}