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

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

.spellchecked 
{
    border: 1px solid #7F9DB9;
    
}


/* 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;
	
}

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;*/
	display:none;
	


}


.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;
}
.moduleInfo.moduleASAP 
{
   
    border-color:#5A9C9A;
}
/* Button background color is equal to module color -30 Lightness (HSL) */
.moduleInfo.moduleASAP .button { background-color: #417069; }
.moduleInfo.moduleASAP .moduleHeader 
{
    background-color:#5A9C9A;
}
.moduleInfo.moduleASAP .moduleContent 
{
    padding-left:80px;
    height:49px;
    background-image:url('images/ASAP_icon.jpg');
    background-repeat:no-repeat;
    color:#5A9C9A;
}
.moduleInfo.moduleeReport
{

    border-color:#236FA6;
}
.button {  cursor:pointer; }
.moduleInfo.moduleeReport .button { background-color: #174a71; }
.moduleInfo.moduleeReport .moduleHeader 
{
    background-color:#236FA6;
}


.moduleInfo.moduleeReport .moduleContent 
{
    padding-left:80px;
    height:49px;
    background-image:url('images/eReports_icon.jpg');
    background-repeat:no-repeat;
    color:#236FA6;
}


div#Header
{
	
	margin-top: 1px;

	
	width: 990px;
	height: 107px;/*146*/
	font-size: medium;
}

div#HeaderTabs
{
	
	float:left;
	padding-top:12px;
	
	padding-left:10px;
	height:60px;
	width:675px;
	position:relative;	
}
div#HeaderTabs a { color:White; font-weight:bold; text-decoration:none; }
div#HeaderTabs div#HeaderLogout a:hover {text-decoration:underline;}
div#HeaderTabsHome a { color:#336692; }
div#HeaderTabsASAP img
{
	
	
	padding: 2px 2px 2px 0px;
}

div#HeaderTabseReport 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: #E2E3E4;
	
}

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

div#HeaderTabseReport
{
	
	background-color: #236FA6;
	
}
div#HeaderTabsLine
{
	
	background-color: #FFFF00;
    clear:right;
	float:left;
    left:1px;
	height: 3px;
	width: 698px;
	position:absolute;
	bottom:-7px;
}

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

div#MasterContent
{
	

}


/*  HEADER STYLES */

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;
	width: 990px;
	height: 107px;/*146*/
}

div#Header
{
    position:absolute;	
	top: 1px;
	padding: 0px;

	width: 990px;
	height: 107px;/*146*/
	font-size: medium;
}

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

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

div.paddedContainer { padding:8px; }
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: #fff;
	font-size:9pt;
	font-weight:bold;	
}


div#HeaderTabs a.clsHeaderLogOut:hover, a.clsHeaderLogOut: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 */

/* Tooltip Styles */


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

/* End of Tooltip Styles */

/*  Content Block Styles */

div.areaContent  
{
    background-color:white; 
}

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

div#workspaceContainer #column1 
{
    width: 235px;
    


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

	
	
 float:left;
	padding:10px;
}
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: 280px;
	/*right: 10px;
	position: absolute;*/
	float:left;
	height:100%;
	margin-left:1px;
	padding-left: 5px;
	padding-top: 5px;
	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: 99%;
}

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;	
}
div#toolsContainer a.NavToolSectionButton 
{
    text-decoration: none;	
}
div#toolsContainer a:visited
{
	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;
	top: 3px;
	position: absolute;
	padding-left:2px;
}

input.clsSearchTextbox
{
	border: none;
	background-color: #fff;
	position:relative;
	left:66px;
}

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 */

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:8pt;
	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;
}

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;
	text-indent: 4px;
	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;
	text-indent: 5px; 
	white-space:nowrap;	
	border-bottom: solid 1px #676767;
	line-height:22px;	
}

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;
}







/* End jQuery UI Dialog Styles */

/* Begin jQuery SpellChecker Styles */

.errorList {
background:#EEE;
border:1px solid #444;
display:none;
width:120px;
}

.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 */

.error { color:Red; }
/* End Misc Styles */

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

span.clsHelpParentLabel
{
	font-weight: bold;
}

span.clsHelpNoParent
{
}

a.clsHelpParent
{
	
}

div.clsHelpTopic
{
}

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

div.clsHelpContent
{
}

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
{
	background-color:Aqua;
}


div.clsHelpKeyWords
{
	
}

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

div.clsHelpView
{
}




/*
===============================================================================================================================
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: table;
			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 .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;
		}


				
		/*
		---------------------------
		position
		--------------------------- */

		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 .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;
		}


		/*
		---------------------------
		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%;text-align:right;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%;text-align:right;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%;text-align:right;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.w25 > *, html .form li.w25.l19 > *  { width:22%;}
        .form.l19 li.w25 > label, html .form li.w25.l19 > label { width:74%;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; }