<?xml version="1.0"?>

<root available-locales="ar_BH,en_US" default-locale="en_US">
	<dynamic-element name="content" type="text_area" index-type="text" instance-id="ddgc">
		<dynamic-content language-id="ar_BH"><![CDATA[<style type="text/css">input[type='checkbox'] {
    display: none;
}

.wrap-collabsible {
    margin: 1.2rem 0;
}

.lbl-toggle {
    display: block;
    font-weight: bold;
    font-family: "WB-Gothic", -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
    font-size: 1.2rem;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem;
    color: #014d99;
    background: rgb(246, 246, 246);
    cursor: pointer;
    border-radius: 7px;
    transition: all 0.25s ease-out;
    border: #cccccc;
}

.lbl-toggle:hover {
    color: black;
}

.lbl-toggle::before {
    content: ' ';
    display: inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid currentColor;
    vertical-align: middle;
    margin-right: .7rem;
    transform: translateY(-2px);
    transition: transform .2s ease-out;
}

.toggle:checked + .lbl-toggle::before {
    transform: rotate(90deg) translateX(-3px);
}

.collapsible-content {
    max-height: 0px;
    overflow: hidden;
    transition: max-height .25s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
    max-height: 350px;
}

.toggle:checked + .lbl-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.collapsible-content .content-inner {
    background: white;
/*    border-bottom: 1px solid rgba(0, 105, 255, .45);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;*/
    padding: .5rem 1rem;
}

.collapsible-content p {
    margin-bottom: 0;
}
</style>
<div class="wrap-collabsible"><input class="toggle" id="collapsible" type="checkbox" /> <label class="lbl-toggle" for="collapsible">مزيد من المعلومات</label>
<div class="collapsible-content">
<div class="content-inner">
<p>عنصر نائب لمحتوى المساعدة.</p>
</div>
</div>
</div>]]></dynamic-content>
		<dynamic-content language-id="en_US"><![CDATA[<style type="text/css">input[type='checkbox'] {
    display: none;
}

.wrap-collabsible {
    margin: 1.2rem 0;
}

.lbl-toggle {
    display: block;
    font-weight: bold;
    font-family: "WB-Gothic", -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
    font-size: 1.2rem;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem;
    color: #014d99;
    background: rgb(246, 246, 246);
    cursor: pointer;
    border-radius: 7px;
    transition: all 0.25s ease-out;
    border: #cccccc;
}

.lbl-toggle:hover {
    color: black;
}

.lbl-toggle::before {
    content: ' ';
    display: inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid currentColor;
    vertical-align: middle;
    margin-right: .7rem;
    transform: translateY(-2px);
    transition: transform .2s ease-out;
}

.toggle:checked + .lbl-toggle::before {
    transform: rotate(90deg) translateX(-3px);
}

.collapsible-content {
    max-height: 0px;
    overflow: hidden;
    transition: max-height .25s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
    max-height: 350px;
}

.toggle:checked + .lbl-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.collapsible-content .content-inner {
    background: white;
/*    border-bottom: 1px solid rgba(0, 105, 255, .45);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;*/
    padding: .5rem 1rem;
}

.collapsible-content  {
    overflow-y:auto;
}
.collapsible-content p {
    margin-bottom: 0;
}
</style>
<div class="wrap-collabsible"><input class="toggle" id="collapsible" type="checkbox" /> <label class="lbl-toggle" for="collapsible"> Info on Using the Knowledge Explorer within the WCKP</label>
<div class="collapsible-content">
<div class="content-inner">
<h2 style="color:blue;">Building Scenarios</h2>

<p>The WCKP is a tool for exploring alternative scenarios across a range of different attributes and assumptions. The Scenarios are built in this data portal and the attributes are then passed to the WEAP server that actually runs the model. Because the results are not pre-computed, the results can take a minute or two to return to the user. The user can modify the attributes of 4 scenarios, which have a default name of <i>S1, S2, S3, and S4</i>. The fifth scenario is not editable, and is established as the <i>Reference scenario</i>, with each of the assumed attributes given for each of the values. There are 8 Demand Site Assumptions that can be made and 3 Supply Side Actions for a total of 11 selectable attributes. These include:</p>

<ol>
	<li><b>Population Projections</b> - There are 5 alternative Population Projections based on the United Nations estimates</li>
	<li><b>C&amp;I</b> - This is the Percent Change in Commerical and Industrial Water Use from the baseline condition. Baseline water use is entered as a total use in units of Millions of Cubic Meters and can not be modified by the user</li>
	<li><b>Change in Per Capita Water Use by Bahraini Citizens</b> - This is the change in per-capita water use by Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 300 lpcpd</li>
	<li><b>Change in Per Capita Water Use by Non-Bahraini Nationals</b> - This is the change in per-capita water use by Non- Bahrani Nationals in units of Liters Per Capita Per Day. The Baseline water use is assumed to be 150 lpcpd</li>
	<li><b>The Year when the Per-Capita Water use change Begins</b> - This allows for assumptions regarding when conservation begins to take effect, where the conservation is set for both Bahrani and Non-Bahrani Citizens</li>
	<li><b>The Year when the Per-Capita Water use change is Fully Realized</b> - By setting the end-year of the conservation, allows for the exploratio of either a fast or slow adoption of conservation</li>
	<li><b>TSE Areas Irrigated</b> - This is an assumption about how much area is being irrigated by Treated Sewage Effuent (TSE) water, and includes only the historical area and that given in the TSE Master Plan</li>
	<li><b>Climate Projections</b> - A collecation of monthly temerature and precipitation from the CMIP-5 climate projection archive are available to explore the impact on irrigation water demamdn <a href="http://ccafs-climate.org/"> GCM Downscaled Data Portal</a></li>
	<li><b>NRW</b> - This is a Supply Side Action, which assumes the rate of non-revenue potable water that is lost from the system before it is used, with a baseline assumption oof 28%</li>
	<li><b>Desal Capacity Added</b> - This is a Supply Side Action which assumes an increse in the water supply capacity through additional desaliization water in units of millions of imperial gallons per day</li>
	<li><b>Year of Exspansion</b> - This is the year in which the additional desalnization capacity becomes available as new supply</li>
</ol>
	<hr>
	<p> Each scenario has a default name of <i>S1-S4</i>, and these names can be changed by selecting the 'pencil' button next to the default scenario name. To explore a set of scenarios, the user can make changes to any of the attributes. Once the Scenarios are built, the user can press the <em>Run WEAP Scenarios and Display Results</em> which will force the WEAP server to run the scenarios. Note that currently, the WEAP Server and Database are only for a single user, and so to ensure your results are unique, we recommend the <em>Reset to Reference Attributes</em>, which will clear out the database and set the default values. Because an actualy WEAP model is running on the WEAP Server, it can take a minute to update to the reference values. **Note of Caution, that because there is currently only one database, user inputs could "collide" if multiper users are running the model. Future development will include unique user databases/p>
</div>
</div>
</div>]]></dynamic-content>
	</dynamic-element>
</root>